/*
 * Cursor Dark finish layer — loaded last.
 * Completes shell chrome, shared component tokens, and surfaces that
 * feature sheets still paint with light fallbacks under dark mode.
 */

html[data-theme="dark"] {
  color-scheme: dark;
}

/* ── Shared record / deal / contact token bridge ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] {
  --ro-page-bg: #141414;
  --ro-form-bg: #181818;
  --ro-border: rgba(240, 240, 240, 0.12);
  --ro-border-strong: rgba(240, 240, 240, 0.18);
  --ro-label-color: #909090;
  --ro-value-color: #f0f0f0;
  --ro-section-color: #a8a8a8;
  --ro-input-border: rgba(240, 240, 240, 0.18);
  --ro-input-bg: #1e1e1e;
  --ro-input-readonly-bg: #1a1a1a;
  --ro-accent: #81a1c1;
  --ro-edit-btn-bg: #81a1c1;
  --ro-edit-btn-bg-hover: #87a6c4;
  --ro-edit-btn-border: #81a1c1;
  --ro-edit-btn-color: #141414;
  --ro-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  --co-page-bg: #141414;
  --co-form-bg: #181818;
  --co-border: rgba(240, 240, 240, 0.12);
  --co-border-strong: rgba(240, 240, 240, 0.18);
  --co-label-color: #909090;
  --co-value-color: #f0f0f0;
  --co-section-color: #a8a8a8;
  --co-input-border: rgba(240, 240, 240, 0.18);
  --co-input-bg: #1e1e1e;
  --co-input-readonly-bg: #1a1a1a;
  --co-accent: #81a1c1;
  --co-edit-btn-bg: #81a1c1;
  --co-edit-btn-bg-hover: #87a6c4;
  --co-edit-btn-border: #81a1c1;
  --co-edit-btn-color: #141414;
  --co-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  --ds-page-bg: #141414;
  --ds-form-bg: #181818;
  --ds-border: rgba(240, 240, 240, 0.12);
  --ds-border-strong: rgba(240, 240, 240, 0.18);
  --ds-label-color: #909090;
  --ds-value-color: #f0f0f0;
  --ds-section-color: #a8a8a8;
  --ds-input-border: rgba(240, 240, 240, 0.18);
  --ds-input-bg: #1e1e1e;
  --ds-input-readonly-bg: #1a1a1a;
  --ds-accent: #81a1c1;
  --ds-accent-hover: #87a6c4;
  --ds-empty-color: #909090;
  --ds-btn-secondary-bg: #1e1e1e;
  --ds-btn-secondary-border: rgba(240, 240, 240, 0.18);
  --ds-btn-secondary-color: #e6e6e6;
  --ds-btn-secondary-hover-bg: #2a2a2a;
  --ds-btn-secondary-hover-border: rgba(240, 240, 240, 0.28);
  --ds-edit-btn-bg: #1e1e1e;
  --ds-edit-btn-bg-hover: #2a2a2a;
  --ds-edit-btn-border: rgba(240, 240, 240, 0.18);
  --ds-edit-btn-color: #e6e6e6;
}

/* ── App shell / nav chrome ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] #appRoot,
html[data-theme="dark"] body[data-theme="momentum"] #mainView {
  background: #141414 !important;
  color: #f0f0f0 !important;
}

/*
 * Top main menu: same canvas as the shell (#141414), not a darker Attio-style
 * sidebar block. Separation is a soft hairline only — continuous dark field.
 */
html[data-theme="dark"] body[data-theme="momentum"] .app-header,
html[data-theme="dark"] .app-header {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.065) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .topbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-topbar,
html[data-theme="dark"] body[data-theme="momentum"] .td-topbar,
html[data-theme="dark"] body[data-theme="momentum"] .side-nav,
html[data-theme="dark"] body[data-theme="momentum"] .app-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] .main-menu,
html[data-theme="dark"] body[data-theme="momentum"] #mainMenu,
html[data-theme="dark"] body[data-theme="momentum"] .td-nav,
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-rail {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.075) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .pipe-header {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.075) !important;
  color: #f0f0f0 !important;
}

/* ── Documents / templates / forms hubs ──────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #templatesWrap,
html[data-theme="dark"] body[data-theme="momentum"] #formsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #analyticsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #inboxWrap {
  background: #141414 !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsWrap .documents-library,
html[data-theme="dark"] body[data-theme="momentum"] #documentsWrap .doc-library,
html[data-theme="dark"] body[data-theme="momentum"] .documents-library,
html[data-theme="dark"] body[data-theme="momentum"] .doc-tile,
html[data-theme="dark"] body[data-theme="momentum"] .document-card {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #e6e6e6 !important;
  box-shadow: none !important;
}

/* ── Menus / popovers / dropdowns ────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .menu,
html[data-theme="dark"] body[data-theme="momentum"] .dropdown-menu,
html[data-theme="dark"] body[data-theme="momentum"] .popover,
html[data-theme="dark"] body[data-theme="momentum"] .td-menu,
html[data-theme="dark"] body[data-theme="momentum"] .tools-menu,
html[data-theme="dark"] body[data-theme="momentum"] .file-menu,
html[data-theme="dark"] body[data-theme="momentum"] #__toolsMenu,
html[data-theme="dark"] body[data-theme="momentum"] #__fileMenu,
html[data-theme="dark"] body[data-theme="momentum"] .modal,
html[data-theme="dark"] body[data-theme="momentum"] .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] .td-glass-modal,
html[data-theme="dark"] body[data-theme="momentum"] .app-dialog,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modal-card {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] select,
html[data-theme="dark"] body[data-theme="momentum"] textarea {
  color-scheme: dark;
}

/* Intentionally no global button/link !important — feature sheets own CTAs. */

/* ── Contacts list leftovers found in live audit ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .gmail-tab-add-zone {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .contact-spreadsheet-density-toggle {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-spreadsheet-density-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-spreadsheet-density-btn,
html[data-theme="dark"] body[data-theme="momentum"] .contact-spreadsheet-density-btn {
  background: transparent !important;
  color: #a8a8a8 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-spreadsheet-density-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-spreadsheet-density-btn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-layout-btn.contact-layout-btn--active {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .contact-spreadsheet-export-btn {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  color: #c6c6c6 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .duplicate-merge-banner {
  background: #2a2410 !important;
  background-image: none !important;
  border-color: rgba(251, 191, 36, 0.35) !important;
  color: #fde68a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .duplicate-merge-banner a,
html[data-theme="dark"] body[data-theme="momentum"] .duplicate-merge-banner .btn.primary {
  color: #88c0d0;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-inner {
  background: #2a2010 !important;
  background-image: none !important;
  border-color: rgba(251, 146, 60, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-copy,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-copy strong {
  color: #fdba74 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner.is-error .sequence-email-health-banner-inner {
  background: #2a1518 !important;
  background-image: none !important;
  border-color: rgba(248, 113, 113, 0.4) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner.is-error .sequence-email-health-banner-copy {
  color: #fca5a5 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.primary {
  background: #81a1c1 !important;
  border-color: #81a1c1 !important;
  color: #141414 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.ghost {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  color: #e6e6e6 !important;
}

/* Spreadsheet header labels that still resolved slate */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #contactListWrap .contact-list-table.contact-list-table--spreadsheet .contact-list-th-label {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

/* Calendar mini items — overdue light pink must not survive */
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem.overdue,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem.completed {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem.overdue {
  border-color: rgba(248, 113, 113, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem-label {
  color: #e6e6e6 !important;
}

/* Settings modal shell + known light leftovers */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-shell,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-main {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-close-btn {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-close-btn:hover {
  background: #343434 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-setup-card-next-link {
  background: #243038 !important;
  color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-setup-card-next-link:hover {
  background: #2a3a44 !important;
  color: #a8c5d4 !important;
}

/* Deal card health bits — remove light-navy wash */
html[data-theme="dark"] body[data-theme="momentum"] #pipelineWrap .pipe-card-health__bit,
html[data-theme="dark"] body[data-theme="momentum"] .pipe-card-health__bit {
  background: rgba(240, 240, 240, 0.06) !important;
}

/* ── Contact / record quick rail — Cursor borderless icons ───── */
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-quick-rail {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__head,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__foot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__foot {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__foot {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn:focus-visible {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back {
  background: rgba(240, 240, 240, 0.06) !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back:hover {
  background: rgba(240, 240, 240, 0.12) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-contact-rail-edit-mode="edit"] .contact-record-quick-rail__btn--edit-save,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail[data-contact-rail-edit-mode="edit"] .contact-record-quick-rail__btn--edit-save,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--edit-save {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  border-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-contact-rail-edit-mode="save"] .contact-record-quick-rail__btn--edit-save,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail[data-contact-rail-edit-mode="save"] .contact-record-quick-rail__btn--edit-save {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  border-color: transparent !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn.contact-record-quick-rail__btn--cancel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--cancel {
  background: rgba(248, 113, 113, 0.18) !important;
  border-color: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="email"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="email"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="documents"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="documents"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="tasks"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="tasks"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="calendar"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="calendar"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="calls"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="calls"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="notes"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="notes"],
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-active-detail-tab="deals"] .contact-record-quick-rail__btn[data-contact-rail-for-tab="deals"] {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── Contact detail — Cursor declutter v10 (dark only) ─────────
   Surface separation via #141414 / #181818 / #1e1e1e — not bordered cards.
   Keep edit-mode inputs, focus rings, and loud Edit gold / Save green. */

/* Page / shell bases */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailContent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

/* Quick rail: no outer perimeter; icons borderless at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-quick-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Identity header — soft surface, no frame/shadow */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new.project-detail-header-new,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .metaWrap.contact-detail-header-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .metaWrap.contact-detail-header-wrap {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Tab strip — no full tab-bar box; active = soft fill + Cursor accent */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-header.project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-nav.deal-section-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-nav.project-detail-tabs-nav,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tabs-header {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab:hover {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-tab.contact-detail-tab-btn.active {
  border-color: transparent !important;
  box-shadow: none !important;
  background: rgba(129, 161, 193, 0.14) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* WHO / fields column — #181818 surface, no framed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left .contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-record-card,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Primary contact / company editor on company+person records */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .inline-primary-contact-form,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .inline-primary-contact-form {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form .inline-rel-section-label,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form .label-text,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form #inlineRelNewPersonSection > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form #inlineRelNewCompanySection > div:first-child {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form .label-text {
  color: #d4d4d4 !important;
  -webkit-text-fill-color: #d4d4d4 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form #inlineRelNewPersonSection,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form #inlineRelNewCompanySection {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form :is(.input, input.input, select.input),
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .inline-primary-contact-form .inline-rel-input-shell .input {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .primary-contact-empty-row.inline-primary-form-host {
  background: transparent !important;
  border-color: transparent !important;
}

/* Section groups + progressive (WHO / Phone / Location) — bg shift only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel.detailPane[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .contact-overview-progressive-section,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group {
  border: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section:hover {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Section titles — hairline under label only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section__summary .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

/* Nested primary company/contact mini-cards — no box-in-box */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .primary-contact-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .primary-company-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .primary-contact-card {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Notes & Activity — #1e1e1e column shift, no framed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right > .detailSection,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::after,
html[data-theme="dark"] body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes::before,
html[data-theme="dark"] body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Note composer shell — flatten; no bordered rectangle */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-activity-feed,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card .overview-note-composer {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* Activity feed items — spacing/hover only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .activityItem.contact-activity-item {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-activity-item:hover {
  background: rgba(240, 240, 240, 0.04) !important;
  border-color: transparent !important;
}

/* Call/Email/Note/Text toolbar — flat segments, soft active fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar {
  border: none !important;
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  gap: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .overview-note-composer [data-ov-type] {
  border: 1px solid transparent !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type]:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type][aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].mm-type-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type="sms"].mm-type-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type="call"].mm-type-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type="email"].mm-type-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type="note"].mm-type-active {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Note textarea — bg-only edge at rest; focus ring kept */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea.textarea,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .overview-note-composer textarea {
  background: #181818 !important;
  background-color: #181818 !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea.textarea:focus {
  border-color: rgba(136, 192, 208, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.16) !important;
  outline: none !important;
  transform: none !important;
  background: #181818 !important;
}

/* Secondary: Change / Add relationship / Show / Clear — ghost text */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section__summary,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.ghost:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Primary CTAs — flat Cursor blue-gray, no purple/glow */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel button.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck.is-expanded > button.btn.primary.contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero .crm-overview-hero__main .crm-overview-hero__actions:not(.crm-overview-hero__actions--action-deck) button.btn.primary {
  background: #81a1c1 !important;
  background-image: none !important;
  border: 1px solid #81a1c1 !important;
  border-color: #81a1c1 !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover {
  background: #88c0d0 !important;
  background-image: none !important;
  border-color: #88c0d0 !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary-affordance {
  background: rgba(20, 20, 20, 0.22) !important;
  box-shadow: none !important;
  color: rgba(20, 20, 20, 0.72) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover .contact-action-deck__primary-affordance {
  background: rgba(20, 20, 20, 0.28) !important;
  box-shadow: none !important;
  color: rgba(20, 20, 20, 0.85) !important;
}

/* Action deck host — divider only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-action-deck-host {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body #detailHeaderActions.contact-header-action-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailHeaderActions.contact-header-action-strip {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Header secondary controls — quieter bordered callouts → wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .contact-snapshot-header-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-compose-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .td-contact-header-kebab-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .contact-snapshot-header-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-compose-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .td-contact-header-kebab-btn:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Remap leftover indigo/violet accents on contact detail */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel {
  --mm-accent: #81a1c1;
  --mm-accent-soft: rgba(129, 161, 193, 0.16);
  --mm-accent-border: rgba(136, 192, 208, 0.35);
  --mm-focus-ring: 0 0 0 2px rgba(129, 161, 193, 0.28);
}
html[data-theme="dark"] body.is-mobile[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions > button.btn.primary,
html[data-theme="dark"] body.is-mobile[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck:not(.is-expanded) .contact-action-deck__primary {
  background: #81a1c1 !important;
  background-image: none !important;
  border: 1px solid #81a1c1 !important;
  box-shadow: none !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

/* Edit-mode real inputs — keep borders + focus (do not flatten) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .inline-input:not([readonly]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing select:not([disabled]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing textarea:not([readonly]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow .inline-input:not([readonly]):focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow select:focus {
  border-color: rgba(240, 240, 240, 0.28) !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .inline-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow .inline-input:not([readonly]):focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow select:focus {
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.18) !important;
}

/* ── Contact detail — Cursor declutter v11 (dark only) ─────────
   Kill residual column frames, ghost pills, typebar capsule,
   Focused/Full chrome, Actions shadow. Soften hairlines ~7%. */

/* Soften tokens used by late contact dark sheets / simple-mode pills.
   Ghost controls (Change / Add) read --co-input-* from record-overview shared.
   Edit-mode restores real input borders below. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] {
  --contact-dark-border: rgba(240, 240, 240, 0.07);
  --contact-dark-border-soft: rgba(240, 240, 240, 0.06);
  --co-border: rgba(240, 240, 240, 0.07);
  --co-border-strong: transparent;
  --co-input-border: transparent;
  --co-input-readonly-bg: transparent;
  --ro-border: rgba(240, 240, 240, 0.07);
  --mm-border: rgba(240, 240, 240, 0.07);
  --mm-border-subtle: rgba(240, 240, 240, 0.06);
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing {
  --co-input-border: rgba(240, 240, 240, 0.28);
  --co-input-readonly-bg: #1e1e1e;
  --ro-input-border: rgba(240, 240, 240, 0.28);
}

/* Column panels — bg separation only; kill outline/frame/pseudo */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-stack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-top {
  background: #141414 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left .contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-record-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel.detailPane[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .contact-overview-progressive-section,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right > .detailSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #detailPanel .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  filter: none !important;
}

/* Soft vertical gutter between WHO and Notes (no hard rule) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left {
  box-shadow: 8px 0 18px -16px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Soften remaining hairlines (section titles, row dividers, action deck) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section__summary .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-action-deck-host {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group > .detailRow,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group > .contact-field-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-relationships-preview {
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/* Secondary ghosts — Change / Add relationship / Show / Clear */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-relationships-preview__all,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .chip-action-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-contact,
html[data-theme="dark"] body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-relationships-preview__all:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .chip-action-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.ghost:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-link-primary-company-detail:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-change-primary-company:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .btn-add-relationship-overview:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Note type switcher — flat icon row (no capsule / segment borders) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer > div:first-child.mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .overview-note-composer > div:first-child.mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .mm-overview-composer-typebar {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  padding: 0 !important;
  gap: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .overview-note-composer [data-ov-type],
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .mm-overview-composer-typebar > button {
  border: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type]:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .mm-overview-composer-typebar > button:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar > button[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type][aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].mm-type-active,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .mm-overview-composer-typebar button.is-active {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Focused / Full — borderless segmented control, soft active fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-center .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-header-center .contact-overview-mode-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  gap: 2px !important;
  padding: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-center .contact-overview-mode-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-btn.contact-overview-mode-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn.contact-overview-mode-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn.contact-overview-mode-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-header-center .contact-overview-mode-btn.contact-overview-mode-btn--active {
  background: rgba(240, 240, 240, 0.1) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Actions pill — toolbar control, no residual shadow/pill chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-compose-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .contact-snapshot-header-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .td-contact-header-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailHeaderActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-compose-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailHeaderActions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Note composer + activity items — still no framed rectangles */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #detailPanel .crm-contact-overview-notes .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #detailPanel .crm-contact-overview-notes .contact-activity-item {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea.textarea {
  background: #181818 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea.textarea:focus {
  border-color: rgba(136, 192, 208, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.16) !important;
}

/* Progressive Show chevron chip — quiet wash, not outlined pill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section__summary .contact-field-group-title::after,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section__summary .contact-field-group-title::after {
  border-color: transparent !important;
  box-shadow: none !important;
  background: rgba(240, 240, 240, 0.08) !important;
}

/* ── Contact / shell — Cursor polish v12 (items 6–9) ───────────
   Flatten top nav capsule, softer hairlines, denser WHO rows,
   quieter Get started + ASK edge chrome. Dark only. */

/* 6) Top nav — dissolve glass capsule into flat items + active wash */
html[data-theme="dark"] {
  --td-nav-glass-track-surface: transparent;
  --td-nav-glass-track-border: transparent;
  --td-nav-glass-track-blur: none;
  --td-nav-glass-track-shine-opacity: 0;
  --td-nav-glass-track-shine-gradient: none;
  --td-nav-glass-track-shadow: none;
  --td-nav-glass-pill-hover-bg: rgba(240, 240, 240, 0.08);
  --td-nav-glass-pill-hover-border: transparent;
  --td-nav-glass-pill-hover-shadow: none;
  --td-nav-glass-pill-active-bg: rgba(240, 240, 240, 0.1);
  --td-nav-glass-pill-active-border: transparent;
  --td-nav-glass-pill-active-shadow: none;
  --td-nav-glass-divider: rgba(240, 240, 240, 0.08);
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav,
html[data-theme="dark"] .app-header .header-nav {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 2px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav::before,
html[data-theme="dark"] .app-header .header-nav::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn,
html[data-theme="dark"] .app-header .header-nav .menuBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn:hover,
html[data-theme="dark"] .app-header .header-nav .menuBtn:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] .app-header .header-nav .menuBtn.active {
  background: rgba(240, 240, 240, 0.1) !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .nav-divider,
html[data-theme="dark"] .app-header .header-nav .nav-divider {
  background: rgba(240, 240, 240, 0.08) !important;
  opacity: 1 !important;
}
@media (prefers-reduced-transparency: reduce) {
  html[data-theme="dark"] .app-header .header-nav {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] .app-header .header-nav .menuBtn.active {
    background: rgba(240, 240, 240, 0.1) !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

/* 7) Softer hairlines on contact detail (~6–7% white) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new {
  border-color: rgba(240, 240, 240, 0.065) !important;
  border-bottom-color: rgba(240, 240, 240, 0.065) !important;
}

/* 8) Denser WHO / field rows — Cursor-like calm density */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] {
  --co-simple-row-h: 24px;
  --co-simple-pad-y: 2px;
  --co-simple-pad-x: 10px;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-progressive-section {
  gap: 0 !important;
  row-gap: 0 !important;
  margin-bottom: 10px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* 9) Floating clutter — dim Get started + ASK edge */
html[data-theme="dark"] #tdGettingStartedChrome #quickStartFab.td-getting-started-fab {
  background: rgba(24, 24, 24, 0.72) !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #a8a8a8 !important;
  opacity: 0.72;
  transform: none !important;
  max-width: min(168px, 42vw);
  min-height: 40px;
  padding: 6px 12px 6px 8px;
}
html[data-theme="dark"] #tdGettingStartedChrome #quickStartFab.td-getting-started-fab:hover {
  background: rgba(30, 30, 30, 0.92) !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  opacity: 0.95;
  transform: none !important;
  color: #e6e6e6 !important;
}
html[data-theme="dark"] #tdGettingStartedChrome .td-gsf-title,
html[data-theme="dark"] #tdGettingStartedChrome .td-gsf-sub,
html[data-theme="dark"] #tdGettingStartedChrome .td-gsf-emoji {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] #tdGettingStartedChrome #quickStartFab.td-getting-started-fab:hover .td-gsf-title,
html[data-theme="dark"] #tdGettingStartedChrome #quickStartFab.td-getting-started-fab:hover .td-gsf-sub,
html[data-theme="dark"] #tdGettingStartedChrome #quickStartFab.td-getting-started-fab:hover .td-gsf-emoji {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

html[data-theme="dark"] .ask-lite-edge-tab-wrap {
  filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.35)) !important;
  opacity: 0.78;
}
html[data-theme="dark"] .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] .ask-lite-edge-tab-wrap--dragging {
  opacity: 1;
}
html[data-theme="dark"] .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-right: none !important;
}
html[data-theme="dark"] .ask-lite-edge-tab:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
}
html[data-theme="dark"] .ask-lite-edge-tab--active,
html[data-theme="dark"] .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #243038 !important;
  color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .ask-lite-edge-tab__label {
  color: rgba(240, 240, 240, 0.55) !important;
}

/* ── Contact detail — Attio-beating calm v13 (dark only) ───────
   1) One primary: Edit gold only. Actions / Save Note demoted.
   2) Kill residual chrome outlines (People, BACK).
   3) Quiet field help until hover.
   4) One canvas surface — left + notes share #181818. */

/* 1) Demote filled CTAs — secondary wash / ghost text */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck.is-expanded > button.btn.primary.contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .btn.primary {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .btn.primary:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  border-color: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary-affordance,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover .contact-action-deck__primary-affordance {
  background: transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Keep Edit gold as the single loud control */
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail[data-contact-rail-edit-mode="edit"] .contact-record-quick-rail__btn--edit-save,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail[data-contact-rail-edit-mode="edit"] .contact-record-quick-rail__btn--edit-save {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  border-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  box-shadow: none !important;
}

/* 2) People / nav active — wash only, never outlined */
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active:focus-visible {
  background: rgba(240, 240, 240, 0.1) !important;
  border: 1px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

/* BACK — icon+label only, no tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-record-quick-rail__btn.contact-record-quick-rail__btn--back:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* 3) Field help — nearly invisible until row/title hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-field-hint,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-field-hint-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-status-help-btn {
  opacity: 0.22 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailRow:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-row:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-group-title:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-hint-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-field-hint-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-status-help-btn:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .detailRow:hover .contact-field-hint-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-field-hint-btn:hover {
  opacity: 0.85 !important;
  color: #c6c6c6 !important;
}

/* Secondaries even quieter — text-link weight */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section__summary .contact-field-group-title::after {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-change-primary-company:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-add-relationship-overview:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn-link-primary-company-detail:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: rgba(129, 161, 193, 0.1) !important;
}

/* 4) One canvas — same surface for fields + notes */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-stack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-top,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details {
  background: #141414 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-progressive-section,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  background: #181818 !important;
  background-color: #181818 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left {
  box-shadow: none !important;
}
/* Soft gutter: notes column slightly lifted, not a second card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* Header: name leads; badges/tags quieter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader .contactName,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-new .contactName {
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-status-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .badge.new,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel [class*="badge"][class*="new"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-header-tags,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-tags {
  opacity: 0.72 !important;
}

/* Activity pins — mute the red scream */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .activityItem.contact-activity-item > button[data-pin-toggle] {
  opacity: 0.35 !important;
  filter: saturate(0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item:hover > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .activityItem.contact-activity-item:hover > button[data-pin-toggle] {
  opacity: 0.85 !important;
  filter: none !important;
}

/* ── Contact detail — Attio-beating v14 (5–6) ──────────────────
   5) Activity timeline (notes rail uses GRID gutter — do not force
      absolute-bubble + padding-left:44 / gap:0 / min-height:0 or rows smash)
   6) Header declutter: name leads, chrome tucks away */

/* 5) Activity — readable spaced timeline (preserve notes-rail grid) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .contact-activity-feed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .contact-activity-feed {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 6px 0 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .contact-activity-feed::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .contact-activity-feed::before {
  content: none !important;
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-timeline-group {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 14px 10px 6px !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-timeline-group:first-child {
  padding-top: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-timeline-group::after {
  background: rgba(240, 240, 240, 0.08) !important;
  height: 1px !important;
}

/* Notes-rail rows: keep 3-col grid so icons/titles never overlap */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .activityItem.contact-activity-item {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  align-items: start !important;
  position: relative !important;
  box-sizing: border-box !important;
  padding: 10px 10px !important;
  margin: 0 0 8px !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border: none !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item:last-child {
  margin-bottom: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item:hover {
  background: rgba(240, 240, 240, 0.035) !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item > .mm-activity-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item > .mm-activity-bubble,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .activityItem.contact-activity-item > .mm-activity-bubble {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 2px auto 0 !important;
  align-self: start !important;
  justify-self: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  border: none !important;
  box-shadow: none !important;
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item > .contact-activity-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item > .contact-activity-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .activityItem.contact-activity-item > button[data-pin-toggle] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  opacity: 0 !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item:hover > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right .activityItem.contact-activity-item:hover > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item > button[data-pin-toggle]:focus-visible {
  opacity: 0.55 !important;
  filter: saturate(0.7) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item .contact-activity-body > div:first-child {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #e0e0e0 !important;
  -webkit-text-fill-color: #e0e0e0 !important;
  line-height: 1.4 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title {
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title {
  font-weight: 400 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item time {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  margin-top: 3px !important;
  line-height: 1.35 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-activity-copy-btn {
  opacity: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item:hover .mm-activity-copy-btn {
  opacity: 0.5 !important;
}

/* 6) Header declutter — name first, everything else tucked */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new {
  background: #141414 !important;
  border: none !important;
  box-shadow: none !important;
  padding-bottom: 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-heading .contactName,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .detail-header-entity-name {
  font-size: 26px !important;
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.05 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-trail {
  gap: 6px !important;
  opacity: 0.7 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-trail:hover {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge--header {
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 1px 6px !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: rgba(129, 161, 193, 0.12) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  opacity: 0.75 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge--header {
  font-size: 9px !important;
  font-weight: 600 !important;
  padding: 1px 6px !important;
  background: rgba(234, 179, 8, 0.1) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #d4a574 !important;
  opacity: 0.8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-active-sequence-indicator {
  font-size: 9px !important;
  font-weight: 550 !important;
  opacity: 0.65 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  background: rgba(240, 240, 240, 0.05) !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-contact-line,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-context-line {
  color: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
  font-size: 12.5px !important;
  opacity: 0.92 !important;
  margin-top: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-context-line {
  opacity: 0.7 !important;
  font-size: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle {
  opacity: 0.55 !important;
  transform: scale(0.92);
  transform-origin: right center;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle:focus-within {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .td-contact-header-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-snapshot-header-btn {
  opacity: 0.45 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .td-contact-header-kebab-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-snapshot-header-btn:hover {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .star-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new [data-star-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new button[aria-label*="star" i] {
  opacity: 0.55 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .star-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new [data-star-toggle]:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new button[aria-label*="star" i]:hover {
  opacity: 1 !important;
}

/* ── Contact detail — Attio product pass v15 ───────────────────
   Collapse header context tags; enforce nav/active chrome;
   journal activity collapse; Save/Actions as text tools. */

/* People / active nav — kill any remaining outline ring */
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active *,
html[data-theme="dark"] .app-header .header-nav .menuBtn.active * {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-header .header-nav .menuBtn.active,
html[data-theme="dark"] .app-header .header-nav .menuBtn.active {
  background: rgba(240, 240, 240, 0.1) !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Header context tags (prospect · ME · Needs first touch) — collapsed until hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-context-line {
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.15s ease, max-height 0.15s ease, margin 0.15s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-detail-header-context-line,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-detail-header-context-line {
  max-height: 40px !important;
  margin-top: 4px !important;
  opacity: 0.75 !important;
  pointer-events: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge--header {
  opacity: 0.4 !important;
  transform: scale(0.92);
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge--header {
  opacity: 0.85 !important;
}

/* Activity journal — hide collapsed system dupes only (never zero-height visible rows) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-collapsed="true"] {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item:not([data-mm-collapsed="true"]) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-system="true"]:not([data-mm-collapsed="true"]) {
  opacity: 0.72 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-system="true"]:not([data-mm-collapsed="true"]):hover {
  opacity: 0.92 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-activity-summary-row {
  margin: 8px 12px 4px 50px !important;
  font-size: 11px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  letter-spacing: 0.02em !important;
}

/* Save Note / Actions — text tools, not CTAs (Edit remains the only loud primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary {
  background: transparent !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  padding: 4px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

/* ── v16: Kill the "contact folder" frame (Attio-open canvas) ─
   Do NOT keep/fix the incomplete dark perimeter — remove it.
   Columns separate by surface + a soft gutter, not a boxed card. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailContent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-stack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailSection.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-layout::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-stack::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-stack::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* Soft column gutter only — not a second framed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes.contact-details-card {
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  background: #141414 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-left {
  background: #141414 !important;
}

/* ── v17: Kill the whole-page detailPane "folder" chrome ───────
   Source: styles-gmail `.detailPane` border + --td-contacts-pane-shadow
   (inset 1px ring + accent strip + radius). Flush canvas for Attio. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"].contact-detail-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible {
  --td-contacts-pane-radius: 0px;
  --td-contacts-pane-shadow: none;
  --td-contacts-pane-surface: #141414;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"].contact-detail-visible #detailPanel.detailPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel.detailPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"].contact-detail-visible .detailPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailContent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-record-main {
  border: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #141414 !important;
  background-image: none !important;
}

/* ── v18: Attio hard pass (flush + header + composer) ────────── */

/* 1) Flush canvas — no nested card in a darker void */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .main {
  background: #141414 !important;
  background-image: none !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible .mainColumn {
  gap: 0 !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible[data-view="contacts"]
  .mainSplit {
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailContent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel > .empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel > .detailContent {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .metaWrap.contact-detail-header-wrap {
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-card--premium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-detail-tabs-card {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #141414 !important;
  margin: 0 !important;
}

/* 3) Header = name + one meta line (title). Phone/email/tags/NEW on hover. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-contact-line {
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.15s ease, max-height 0.15s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-detail-header-contact-line,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-detail-header-contact-line {
  max-height: 32px !important;
  margin-top: 2px !important;
  opacity: 0.85 !important;
  pointer-events: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-active-sequence-indicator {
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-stale-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-active-sequence-indicator {
  opacity: 0.8 !important;
  width: auto !important;
  max-width: 200px !important;
  min-width: 0 !important;
  padding: 1px 6px !important;
  pointer-events: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader .td-contact-header-kebab-btn {
  opacity: 0.35 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .td-contact-header-kebab-btn {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-header-context-line {
  /* keep collapsed; only title/subtitle visible at rest */
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-detail-header-context-line {
  display: block !important;
  max-height: 40px !important;
  opacity: 0.7 !important;
  margin-top: 4px !important;
  overflow: hidden !important;
}

/* 4) Composer — fully flat type row; Save is quiet text */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer > div:first-child {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  gap: 2px !important;
  padding: 0 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-overview-composer-typebar [data-ov-type] {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #8a8a8a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type]:hover {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type][aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer [data-ov-type].mm-type-active {
  background: rgba(129, 161, 193, 0.14) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer textarea.textarea {
  background: #181818 !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer .btn.primary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 4px 6px !important;
  min-height: 0 !important;
  border-radius: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-composer-actions .btn.primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Activity: collapsed system rows stay hidden; summary stays readable */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-collapsed="true"] {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-activity-summary-row {
  opacity: 0.85 !important;
  cursor: default !important;
}

/* WHO tags v19 removed — parent clip fix lives at file end (v22). */

/* ── v20 harden: never re-apply absolute-bubble left-pad on notes-rail rows ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  padding: 10px 10px !important;
  margin: 0 0 8px !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item > .mm-activity-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item > .mm-activity-bubble {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  grid-column: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-activity-summary-row {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-collapsed="true"] {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v22 — WHO tags: stop parent clip (fixed 36/40px header + 22px tag strip)
   Root cause: momentum/simple-mode lock WHO title to height/max-height 36px
   with overflow:hidden, and tagPicker/container/input to max-height:22px.
   v19 raised chip padding but left the clipping parents intact (and even set
   height:40px on the title). Fix = expand the row; do not fight with pad alone.
   Must stay last in this file.
   ═══════════════════════════════════════════════════════════════════════════ */

/* WHO header row — grow to fit chips; kill fixed height + overflow clip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title {
  height: auto !important;
  max-height: none !important;
  min-height: 36px !important;
  overflow: visible !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  box-sizing: border-box !important;
}

/* Title actions column — was overflow:hidden squeezing the strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker),
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker) {
  overflow: visible !important;
  max-height: none !important;
  min-height: 28px !important;
  align-items: center !important;
  align-self: center !important;
}

/* Tag strip / container / input — undo max-height:22px + overflow:hidden */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-input {
  min-height: 28px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Chips — readable ~28px pills (beats simple-mode 1px pad / 20px max-h) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 28px !important;
  max-height: none !important;
  padding: 5px 8px 5px 11px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: var(--chip-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--chip-fg, #ffffff) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-chip__label,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip__label,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip__label {
  overflow: visible !important;
  text-overflow: clip !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags button.deal-tags-chip__remove,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-chip__remove,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-chip__remove {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  font-size: 11px !important;
}

/* + Tag — same row height as chips */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-add-btn {
  min-height: 28px !important;
  height: 28px !important;
  max-height: none !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v23 — Actions: nord secondary interactive (Edit stays gold primary)
   Reverse quiet-gray demotion only; keep text-link style (no gold chrome).
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailHeaderActions .detail-actions-dropdown > .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero--contact-command .crm-overview-hero__actions--action-deck .contact-action-deck__primary {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary-affordance {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new #detailHeaderActions .detailTopActions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailHeaderActions .detail-actions-dropdown > .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-global-actions .detail-actions-dropdown > .btn:hover .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn:hover .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-actions-dropdown > .btn:hover .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover .contact-action-deck__primary-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover .contact-action-deck__primary-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-action-deck__primary:hover .contact-action-deck__primary-affordance {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v24 — WHO header: snug row around ~28px chips (trim v22 padding band)
   Keep overflow:visible so tags never sliver-clip; row ~34–36px total.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Title row — compact band, not tall empty padding */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title {
  height: auto !important;
  max-height: none !important;
  min-height: 34px !important;
  overflow: visible !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  box-sizing: border-box !important;
}

/* Actions / tag strip — no stacked min-heights inflating the row */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker),
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker) {
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  align-self: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-input {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Chips stay ~28px; slightly tighter pad so row reads as one line */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 28px !important;
  max-height: none !important;
  padding: 4px 8px 4px 10px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-add-btn {
  min-height: 28px !important;
  height: 28px !important;
  max-height: none !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v25 — WHO header: chip-driven ~30–32px row (kill v24 34px band)
   Excess empty space above/below Leadership/+ Tag came from stacked
   min-height:34px + padding 3px + chip min-height:28px. Chip height
   drives the row; ~1px vertical pad; label line-box must not inflate.
   Must stay last in this file. Do not touch Actions / activity feed.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Title row — as compact as sibling field-group headers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  align-items: center !important;
  align-content: center !important;
  flex-wrap: nowrap !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  line-height: 1 !important;
  gap: 6px 8px !important;
  box-sizing: border-box !important;
}

/* WHO label / main — no taller line-box than chips */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-copy,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-main,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-copy {
  min-height: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  align-items: center !important;
  align-self: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-text,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-text {
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Actions / tagPicker — no stacked min-heights or vertical pad */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker),
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions:has(#__detailTagsPicker) {
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center !important;
  align-self: center !important;
  line-height: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-input {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Chips — readable ~26px; text fully visible (not slivers) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip {
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 26px !important;
  max-height: none !important;
  padding: 3px 8px 3px 9px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: var(--chip-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--chip-fg, #ffffff) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags .deal-tags-chip__label,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip__label,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags .deal-tags-chip__label {
  overflow: visible !important;
  text-overflow: clip !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags button.deal-tags-chip__remove,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-chip__remove,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-chip__remove {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 0 0 2px !important;
}

/* + Tag — match chip height */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-overview-who-tags button.deal-tags-add-btn {
  min-height: 26px !important;
  height: 26px !important;
  max-height: none !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* ── Tag picker dropdown (portaled to body) ───────────────────── */
html[data-theme="dark"] .deal-tags-dropdown,
html[data-theme="dark"] body > .deal-tags-dropdown.deal-tags-dropdown--portal {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(240, 240, 240, 0.05) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] .deal-tags-dropdown__scroll {
  background: transparent !important;
  scrollbar-color: rgba(240, 240, 240, 0.22) transparent;
}

html[data-theme="dark"] .deal-tags-dropdown__option {
  color: #f0f0f0 !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] .deal-tags-dropdown__option:hover:not(.deal-tags-dropdown__option--selected) {
  background: #2a2a2a !important;
}

html[data-theme="dark"] .deal-tags-dropdown__option--selected {
  background: #2a2a2a !important;
}

html[data-theme="dark"] .deal-tags-dropdown__option-bullet {
  color: #909090 !important;
}

html[data-theme="dark"] .deal-tags-dropdown__option--selected .deal-tags-dropdown__option-bullet {
  color: #81a1c1 !important;
}

html[data-theme="dark"] .deal-tags-dropdown__tag-label--menu {
  border-color: color-mix(in srgb, var(--tag-menu-accent, #81a1c1) 42%, transparent) !important;
}

html[data-theme="dark"] button.deal-tags-manage-link {
  border-top-color: rgba(240, 240, 240, 0.08) !important;
  background: transparent !important;
  color: #81a1c1 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] button.deal-tags-manage-link:hover {
  background: #2a2a2a !important;
  color: #a3b8d0 !important;
}

html[data-theme="dark"] button.deal-tags-manage-link .deal-tags-manage-link__gear {
  opacity: 0.9;
  color: inherit;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v27 — Contact Deals tab (Cursor Dark / better-than-Attio)
   Scope: #detailPanel .contact-deals-section only.
   Edit rail stays gold; Watch/Open/Delete/+ Deal are nord quiet tools.
   Do not touch WHO tags, activity feed, Actions accent, or tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Flush canvas — kill nested detailSection card-in-void */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .contact-deals-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .detailSection.contact-deals-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
  margin: 0 !important;
}

/* Snug "$ DEALS" header */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  margin: 0 0 10px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-count {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* + Deal — nord quiet tool (not gold / not filled primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section #addDealSectionBtn.related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section #addDealSectionBtn.related-section-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Summary metric tiles — soft surfaces, not over-carded */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary {
  gap: 8px !important;
  margin: 0 0 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.is-risk {
  background: #1e1818 !important;
  border-color: rgba(248, 113, 113, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Deal cards — soft gutters, one composition, no lift/glow */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 12px 14px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card::before {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-high {
  border-left: 2px solid rgba(248, 113, 113, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-medium {
  border-left: 2px solid rgba(129, 161, 193, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-low {
  border-left: 2px solid rgba(134, 239, 172, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-inline-value {
  color: #a3b8d0 !important;
  -webkit-text-fill-color: #a3b8d0 !important;
  font-size: 18px !important;
}

/* Watch / health badges — quiet chips, never gold chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge {
  min-height: 22px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-medium {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-stage-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-meta-pill {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  min-height: 24px !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-stage-pill {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
}

/* Open deal — nord outline/text (override filled .btn.primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section button.btn.primary.contact-deal-open-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .btn.small.primary.contact-deal-open-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section button.btn.primary.contact-deal-open-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Delete — quieter muted */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.1) !important;
  border-color: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* Next-action bar — quiet nord/muted (not loud yellow fighting Edit gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-next-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-next-action-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-next-action-pill {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-next-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-next-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-text {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Nested amount/probability tiles — flatten double-card look */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metrics {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  padding: 7px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric .k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric .v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:first-child .v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Meta footer — readable muted (override light inline styles) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-footer {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 10px !important;
  padding-top: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-footer-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-task-count-pill {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

/* Deal notes rail — dark, soft gutter (not cream/amber panel) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-notes {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-notes-label {
  color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-notes-block--pain .contact-deal-notes-label {
  color: #fca5a5 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-notes-text {
  color: #c6c6c6 !important;
}

/* Empty state flush with canvas */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-empty {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v28 — Contact Deals tab flatten pass (Attio-beating density)
   Scope: #detailPanel .contact-deals-section only.
   One sparse metrics strip; deal row meta strip; Watch nord (never gold);
   deal list = one composition (soft gutters / row dividers).
   Edit rail remains the only gold primary. + Deal stays nord.
   Do not touch WHO, activity, Actions accent, Details, or tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1) Summary PIPELINE / WEIGHTED / OPEN / AT RISK — one sparse strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 2px 0 10px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.metric-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.metric-weighted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.metric-open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.metric-risk {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 4px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card + .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-summary-card + .contact-deals-summary-card {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.is-risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-summary-card.is-risk {
  background: transparent !important;
  border-color: transparent !important;
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.is-risk .contact-deals-summary-v {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* 2) Deal row amount/prob/weighted/age — inline meta strip, not mini-cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metrics,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 10px !important;
  padding: 8px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metric {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  gap: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric + .contact-deal-metric,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metric + .contact-deal-metric {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metric:hover {
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric .k,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metric .k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric .v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metric:first-child .v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metric .v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

/* 3) Watch health badge — nord/muted pill; never gold/yellow vs Edit */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-health-badge {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  min-height: 22px !important;
  border-radius: 999px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-medium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-health-badge.level-medium {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.32) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-low,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-health-badge.level-low {
  background: transparent !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  border-color: rgba(134, 239, 172, 0.28) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-high,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-health-badge.level-high {
  background: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.32) !important;
}

/* 4) Deal list — one composition; kill stacked card frames */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-list {
  gap: 0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 14px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card:hover {
  background: rgba(240, 240, 240, 0.02) !important;
  border-bottom-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-high,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card.risk-high {
  border-left: 2px solid rgba(248, 113, 113, 0.55) !important;
  padding-left: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-medium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card.risk-medium {
  border-left: 2px solid rgba(129, 161, 193, 0.45) !important;
  padding-left: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-low,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card.risk-low {
  border-left: 2px solid rgba(134, 239, 172, 0.35) !important;
  padding-left: 12px !important;
}

/* Keep Open nord / Delete quiet (reinforce vs any later dark-contacts rules) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section button.btn.primary.contact-deal-open-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn {
  background: transparent !important;
  border-color: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

/* + Deal stays nord quiet tool */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section #addDealSectionBtn.related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Next-action — quiet nord (kill amber/gold from dark-contacts) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-next-action-pill {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-text {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v28 — Contact Overview tab (Cursor Dark / better-than-Attio)
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   KPI hero + intelligence + playbook + sequences. Edit rail stays gold.
   Do not touch Details WHO fields / Deals tab.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Flush canvas — no nested hero “card in a void” */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-bottom {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero.crm-overview-hero--contact-command,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero.crm-overview-hero--contact-command {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero.crm-overview-hero--contact-command::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero.crm-overview-hero--contact-command::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}

/* KPI metric tiles — soft gutters, one composition (not over-carded) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Client Room strip — quiet; Create is nord text (not filled primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Actions — nord text link (Edit stays the only gold primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-action-deck__primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck .contact-action-deck__primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-action-deck__primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck .contact-action-deck__primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Action deck flyouts — charcoal, never light/white ghost pills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-action-deck__flyout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck .contact-action-deck__flyout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck.is-expanded > button.btn.ghost.contact-action-deck__flyout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-action-deck-host .contact-action-deck__flyout {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-action-deck__flyout:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-action-deck-host .contact-action-deck__flyout:hover:not(:disabled) {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-action-deck__more-menu {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
  color: #f0f0f0 !important;
  max-height: min(60vh, 420px);
  overflow-y: auto;
}

/* Contact Intelligence — soft surface, not a framed folder card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence {
  --ci-border: rgba(240, 240, 240, 0.07);
  --ci-surface: #181818;
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline-item {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__descriptor,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__confidence,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__reason {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Ask / View recommendation / Refresh — nord quiet tools (no filled CTAs) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:not(:first-child),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section button {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:not(:first-child):hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section button:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Playbook + Sequences — soft gutters, quieter chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* Quick notes rail on Overview — match Details flush notes treatment */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes {
  background: #181818 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes__view-all {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes__view-all:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Sequence Send now / Resume — nord quiet (not gold / not filled primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview button.primary {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview button.primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v29 — Contact Deals tab: list rows, not record cards (Attio-beating sparsity)
   Scope: #detailPanel .contact-deals-section only.
   Collapse multi-section deal cards → one left-composed row:
   title · amount · stage · Open. Hide metrics grid, footer dump, next-action,
   secondary pills, notes rail, icon. Watch/Delete on hover only.
   KPI strip stays sparse (v28). Edit rail remains sole gold primary.
   Do not touch WHO, activity, Actions, Details, Overview, or tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Deal card → single list row (not a filled multi-section record card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.contact-deal-card--summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.contact-deal-card--with-notes {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 10px 0 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-card:hover {
  background: rgba(240, 240, 240, 0.025) !important;
  border-bottom-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-high,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-medium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card.risk-low {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Hide secondary chrome — detail lives in Open deal */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-metrics,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-metrics,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-footer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-next-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .mm-deal-next-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-next-action-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-meta-pill {
  display: none !important;
}

/* Flatten main + top + badge into one horizontal row */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-main {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 720px !important; /* left-composed; do not fatten across void */
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-main-top,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-badge-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-summary-meta {
  display: contents !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-title-wrap {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  order: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(280px, 36vw) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .mm-deal-inline-value {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  white-space: nowrap !important;
}

/* Stage = sole chip; park company/assignee/type (already display:none) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-stage-pill {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  min-height: 22px !important;
  padding: 2px 9px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Actions: Open = nord primary-of-row; Watch + Delete hover-only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-title-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  order: 3 !important;
  margin-left: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section button.btn.primary.contact-deal-open-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .btn.small.primary.contact-deal-open-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  padding: 3px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section button.btn.primary.contact-deal-open-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Open before Delete in the action cluster */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-open-btn {
  order: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn {
  order: 2 !important;
}

/* Watch (health) + Delete — no space at rest; quiet text on row hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deal-health-badge {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:hover .contact-deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:focus-within .contact-deal-health-badge {
  display: inline-flex !important;
  align-items: center !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-medium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-low,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-health-badge.level-high {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 26px !important;
  padding: 3px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:hover .contact-deal-delete-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-card:focus-within .contact-deal-delete-btn {
  display: inline-flex !important;
  align-items: center !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-delete-btn:hover:not(:disabled) {
  background: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: transparent !important;
}

/* List composition — tight rows, flush with canvas */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-items: stretch !important;
  background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v30 — Contact Details tab: rest-state cleanup (what's visible at rest)
   Scope: Details/overview fields column under contact-detail-visible.
   Keep WHO · Phone & email · Lead intake & pipeline expanded (JS progressive).
   Collapse secondary groups by default (Full matches Focused SHOW).
   Quieter company Change/Add, header chrome, and field ? until hover/focus.
   Do not regress Deals v29 list rows, WHO tags, activity, Actions, tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1) Company / relationship chrome — invisible until WHO/company row interaction */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-relationships-preview__all,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .btn-add-relationship-overview {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:hover .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:focus-within .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:hover .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:focus-within .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-company-card:hover .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-company-card:focus-within .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-company-card:hover .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-company-card:focus-within .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group[data-contact-overview-first-fields]:hover .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group[data-contact-overview-first-fields]:focus-within .btn-change-primary-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group[data-contact-overview-first-fields]:hover .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group[data-contact-overview-first-fields]:focus-within .btn-add-relationship-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:hover .contact-overview-relationships-preview__all,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .primary-contact-row:focus-within .contact-overview-relationships-preview__all,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .btn-change-primary-company:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .btn-add-relationship-overview:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-relationships-preview__all:focus-visible,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .primary-contact-row:hover .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .primary-contact-row:focus-within .btn-change-primary-company,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .primary-contact-row:hover .btn-add-relationship-overview,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .primary-contact-row:focus-within .btn-add-relationship-overview {
  opacity: 0.9 !important;
}

/* 2) Header at rest = name + one meta line — strengthen chrome tuck */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .td-contact-header-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-snapshot-header-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .star-icon-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-star,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .star-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new [data-star-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-new-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-stale-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-active-sequence-indicator {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
/* Tools (Focused/Full, kebab, star): opacity only — keep their native sizing */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .td-contact-header-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .td-contact-header-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-snapshot-header-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-snapshot-header-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .star-icon-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .star-icon-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-detail-name-star,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-detail-name-star,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .star-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .star-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover [data-star-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within [data-star-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .td-contact-header-kebab-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .star-icon-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-star:focus-visible {
  opacity: 0.9 !important;
}
/* Badges: also undo prior width:0 collapse so they reappear on header hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-new-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-new-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-stale-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-stale-badge--header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-outbound-drip-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:hover .contact-active-sequence-indicator,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new:focus-within .contact-active-sequence-indicator {
  opacity: 0.85 !important;
  width: auto !important;
  max-width: 220px !important;
  min-width: 0 !important;
  padding: 1px 6px !important;
  pointer-events: auto !important;
}

/* 3) Field / section ? — invisible until row or section title hover/focus */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .contact-overview-field-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-field-hint,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-hint-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-status-help-btn {
  opacity: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow:focus-within .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow:hover .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow:focus-within .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-row:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-row:focus-within .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-row:hover .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-row:focus-within .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-record-card:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-record-card:focus-within .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-record-card:hover .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-overview-record-card:focus-within .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group-title:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group-title:focus-within .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group-title:hover .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-group-title:focus-within .contact-status-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-label-row:hover .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-label-row:focus-within .contact-field-hint-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-hint-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-hint-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-status-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-status-help-btn:focus-visible,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow:hover .contact-field-hint-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-group-title:hover .contact-field-hint-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-hint-btn:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-status-help-btn:hover {
  opacity: 0.85 !important;
  color: #c6c6c6 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v31 — Contact Details tab: final short polish (rest-state)
   Scope: contact-detail-visible Details fields + notes. Not a redesign.
   1) Demote "Open in Full" — soft muted / low opacity at rest; never compete with gold Edit.
   2) Label contrast floor — field labels ≥ #909090 (prefer #A0A0A0).
   3) Activity meta — author/time #A0A0A0–#B0B0B0; keep v20/v21 row spacing.
   4) ASK edge tab — quieter at rest on contact detail only.
   Do not regress Deals v29, WHO tags, rest-state collapse v30, Actions nord, tag picker, Edit gold.
   ═══════════════════════════════════════════════════════════════════════════ */

/* 1) Open in Full — demote heavily; soft nord/muted, not a loud button */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .contact-focused-full-affordance,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-focused-full-affordance {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 0.42 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__copy,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__copy {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel.detailPane .contact-detail-tab-panel--details .contact-focused-full-affordance__btn,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-focused-full-affordance__btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance:focus-within,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance:focus-within {
  opacity: 0.88 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__btn:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-focused-full-affordance__btn:focus-visible {
  background: rgba(129, 161, 193, 0.08) !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* 2) Details field labels — contrast floor (beat #8a8a8a / --contact-dark-muted) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .multi-field-detail-row .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .contact-field-row .contact-field-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .contact-field-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-record-card .contact-field-label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .detailRow .label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row .label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .contact-field-label {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}

/* 3) Activity meta — readable floor; do not re-smash v20/v21 spacing */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-activity-summary-row {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* 4) ASK edge tab — quieter at rest on contact detail (tab lives on #askLiteRoot under body) */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.42 !important;
  transition: opacity 0.14s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.92 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v32 — Contact Overview tab: second-pass flatten (Attio-beating sparsity)
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   v28 flush/nord left nested metric cards + intelligence dashboard stack.
   This pass: KPI → sparse strip; intelligence → editorial blocks; accordions
   quieter; sequences as list rows + nord text actions; Active chip not gold.
   Edit rail remains sole gold primary. Do not regress Details v30/v31, Deals
   v29, WHO tags, activity, Actions, tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) KPI metric cards → one sparse horizontal strip ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero--contact-command {
  gap: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  display: grid !important;
  grid-template-columns: repeat(var(--contact-kpi-cols, 6), minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 4px !important;
  padding: 2px 0 10px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  min-height: 0 !important;
  padding: 4px 12px !important;
  gap: 0 !important;
  animation: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--communications {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  margin-top: 2px !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  margin-top: 2px !important;
  opacity: 0.85 !important;
}
/* KPI + add — nord text only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  padding: 2px 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: none !important;
}
/* Room strip — soft gutter, not a filled promo card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  width: 100% !important;
  max-width: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  padding: 2px 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: none !important;
}

@media (max-width: 900px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  /* Two tight strips: soft row break after 3rd cell */
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(3n + 1) {
    border-left: none !important;
    padding-left: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-top: 8px !important;
    margin-top: 4px !important;
  }
}

/* ── 2) Contact Intelligence — kill nested dashboard stack ───────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence {
  --ci-border: rgba(240, 240, 240, 0.06);
  --ci-surface: #141414;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 8px 0 12px !important;
  padding: 12px 0 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header {
  margin-bottom: 10px !important;
  gap: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__eyebrow {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header h2 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__badges span {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  padding: 2px 7px !important;
}
/* Top relationship / interaction / next-action — editorial columns, not cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__interactions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 14px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel + .contact-intelligence__panel {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action h3 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__descriptor,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__confidence,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__reason,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__disclaimer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* Ask / Refresh / View recommendation — nord text, no filled / outlined chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence--error button {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  padding: 2px 4px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child {
  opacity: 0.72 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ── 3) Intelligence accordions — quieter list rows, soft gutters ────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main {
  gap: 0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline-item {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 550 !important;
  padding: 10px 0 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary:hover {
  background: rgba(240, 240, 240, 0.03) !important;
  color: #ffffff !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__count {
  background: transparent !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  padding: 0 0 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section-body {
  padding: 0 0 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-list li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__quality li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__company {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  min-height: 40px !important;
  padding: 8px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows li:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows button:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-list li:first-child {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__company small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-list small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__quality small {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signals > section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section button {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

/* ── 4) Playbook + Sequences — flush sections, list rows not cards ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px 0 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__list {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:first-child {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__draft {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
/* Status chips — Active nord (never gold); Paused muted */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status {
  background: rgba(129, 161, 193, 0.12) !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  padding: 1px 7px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-active {
  background: rgba(129, 161, 193, 0.14) !important;
  border-color: rgba(129, 161, 193, 0.32) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-paused {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-pending {
  background: rgba(129, 161, 193, 0.08) !important;
  border-color: rgba(129, 161, 193, 0.22) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-completed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-cancelled {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* Sequence actions — quiet nord text (Send / Pause / Report / Review), not button chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions {
  gap: 4px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview button.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__send-now,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__pause,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__resume,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__approve,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__report,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__review-draft {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  min-height: 0 !important;
  padding: 2px 0 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions button:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview button.primary:hover {
  background: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__refresh-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__refresh-btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: none !important;
}

/* ── 5) Quick notes / playbook steps — less card chrome on Overview ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes.contact-details-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-top: 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes .related-section-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__step {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__refresh-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v33 — Contact Tasks & Events tab (Cursor Dark / better-than-Attio)
   Scope: #detailPanel .contact-tasks-section only (contact-detail-visible).
   Metrics → sparse strip; task cards → list rows (title · date · type);
   soft dividers; flush #141414. Rail Edit stays sole gold primary.
   + Task / + Event nord; row Edit nord quiet; LinkedIn quiet nord (not blue fill).
   Demote CONTACT / redundant pills. Do not regress Overview v32, Details,
   Deals v29, WHO tags, activity, Actions, tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas — kill nested card-in-void ──────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .contact-tasks-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .detailSection.contact-tasks-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section.crm-contact-tasks-panel {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
  margin: 0 !important;
}

/* Snug header */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  margin: 0 0 10px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-count {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Subtitle — quiet meta, not a second banner */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .crm-contact-panel-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

/* + Task / + Event — nord quiet tools (never gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-actions .related-section-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-actions .related-section-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 2) OPEN TASKS / EVENTS / OVERDUE / COMPLETED → one sparse strip ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .contact-deals-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 2px 0 10px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.metric-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.metric-weighted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.metric-open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.metric-risk {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 4px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card + .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .contact-deals-summary-card + .contact-deals-summary-card {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.is-risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .contact-deals-summary-card.is-risk {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  font-size: 11px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
  font-size: 18px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.is-risk .contact-deals-summary-v {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* ── 3) Task list — one composition; kill stacked cards ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section > div[style*="display:grid"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section > div[style*="display: grid"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] > div[style*="display:grid"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .task-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .mm-task-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row[data-mm-kind="task"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row[data-mm-kind="event"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row:has(.task-type-chip--task),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row:has(.task-type-chip--event) {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-left: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 10px 0 !important;
  min-height: 44px !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .task-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section[data-mm-task-tab="true"] .mm-task-row:hover {
  background: rgba(240, 240, 240, 0.025) !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Hide complete-icon tile — detail/complete lives in row actions */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-icon-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row > .mm-task-icon-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row > div:first-child:not(.mm-task-main):not(.mm-task-right-rail) {
  display: none !important;
}

/* Main → left-composed title · date · type */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row > .mm-task-main {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  max-width: 720px !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-main > .mm-task-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-main > div:nth-child(2) {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-main > div:first-child {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(320px, 42vw) !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-date {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  letter-spacing: 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* Type chip — sole quiet status; demote CONTACT / secondary pills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 1px 8px !important;
  min-height: 20px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip--task,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip--event {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip--contact {
  display: none !important; /* redundant on contact detail */
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip--deal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-type-chip--project {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-link-chip {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 !important;
  text-decoration: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-link-chip:hover {
  background: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Right rail — inline actions, not a fat column */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-right-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row > .mm-task-right-rail {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}

/* Row Edit — nord quiet outline (rail Edit remains sole gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions .btn[title*="Edit"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn[title*="Edit"] {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 3px 8px !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  transform: none !important;
}

/* Complete ✓ / ✓+ — muted nord, not green/blue fills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn[title*="complete" i],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn[title*="Complete"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions .btn[title*="complete" i],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-actions .btn[title*="Complete"] {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn[title*="complete" i]:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row .btn[title*="Complete"]:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* LinkedIn — quiet nord text (kill loud #0a66c2 fill) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-linkedin-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section button.task-linkedin-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  padding: 3px 8px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-linkedin-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section button.task-linkedin-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 4) Completed section — soft divider, list rows not cards ────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .tasks-completed-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section div.tasks-completed-header {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin-top: 8px !important;
  padding: 12px 0 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row--completed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row.task-row--completed {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
  padding: 8px 0 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row--completed:hover {
  background: rgba(240, 240, 240, 0.02) !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row-completed__icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row--completed .task-row-completed__title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .task-row--completed .task-row-completed__date {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Empty state — soft surface, not white gradient card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-empty {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  padding: 16px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-empty-icon {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-empty .empty-add-event-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-empty .btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v34 — Contact Overview tab: Attio perfection / third-pass flatten
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   v32 left intelligence as a multi-panel stack + always-visible sequence
   actions + room promo chrome. This pass: KPI hairline strip (less meta);
   intelligence editorial rest-state (relationship + next action); accordions
   collapsed except Active Deals; sequences hover-actions + capped list;
   Client Room banner demoted; Save nord text. Edit rail sole gold.
   Do not regress Tasks v33, Details v30/v31, Deals v29, WHO tags, activity.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) KPI strip — tighter type, hide secondary meta, hairlines only ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero--contact-command {
  gap: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  margin: 0 0 2px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  padding: 2px 10px !important;
  min-height: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  font-size: 9px !important;
  letter-spacing: 0.07em !important;
  font-weight: 600 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-v {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 1px !important;
  line-height: 1.25 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
/* Secondary KPI meta — hide at rest (label + value only) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta-stage {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__status-meta {
  display: block !important;
  font-size: 10px !important;
  margin-top: 1px !important;
  opacity: 0.75 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* KPI + add — quieter, hover only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__kpi-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__kpi-add-btn {
  opacity: 0.85 !important;
  pointer-events: auto !important;
}

/* Client Room / CLIENT VIEW banner — demote heavily (hover recovers) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--promo {
  opacity: 0.28 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.04) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 6px !important;
  margin: 0 !important;
  transition: opacity 0.15s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip:focus-within {
  opacity: 0.9 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__status {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 3px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  padding: 1px 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

/* Quiet the redundant "Relationship workspace" hero block under KPIs */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__main {
  padding: 4px 0 2px !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__context {
  display: none !important;
}

/* ── 2) Contact Intelligence — editorial rest-state ──────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence {
  margin: 4px 0 8px !important;
  padding: 8px 0 2px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #141414 !important;
}
/* Kill duplicate name / title / badges chrome at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header h2,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__descriptor,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__badges,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__eyebrow {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header {
  margin-bottom: 6px !important;
  min-height: 0 !important;
  justify-content: flex-end !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-copy {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions {
  opacity: 0.45 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence:hover .contact-intelligence__header-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence:focus-within .contact-intelligence__header-actions {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child {
  min-height: 0 !important;
  padding: 2px 4px !important;
  font-size: 12px !important;
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Top grid → two quiet lines (relationship + next action); hide interaction card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 0 6px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__interactions {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px 10px !important;
  padding: 2px 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel + .contact-intelligence__panel {
  border-left: none !important;
}
/* Compact labels inline with value */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status .contact-intelligence__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action .contact-intelligence__section-label {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__panel-body {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
/* Hide heavy factors / confidence / disclaimer / reason dump at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factors,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__confidence,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__disclaimer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__reason {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence:hover .contact-intelligence__reason,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence:focus-within .contact-intelligence__reason {
  display: block !important;
  width: 100% !important;
  font-size: 12px !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  margin: 0 !important;
}
/* View recommendation — nord text inline */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button {
  margin-left: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: transparent !important;
}

/* Accordions — soft list rows; denser collapsed summaries */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section {
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary {
  padding: 7px 0 !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  background: transparent !important;
  list-style: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary::-webkit-details-marker {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section-body {
  padding: 0 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows button {
  min-height: 36px !important;
  padding: 6px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.04) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__company {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── 3) Sequences / drips — capped list, hover-only actions ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview {
  padding: 8px 0 6px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__list {
  max-height: calc(44px * 3.75) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  gap: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(240, 240, 240, 0.18) transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item {
  align-items: center !important;
  padding: 8px 0 !important;
  min-height: 40px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:first-child {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__name {
  font-size: 13px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__draft {
  font-size: 11px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* Status chip — nord Active / muted Paused; no loud green/gold */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  border-radius: 3px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  padding: 0 6px !important;
  min-height: 18px !important;
  line-height: 18px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-active {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.38) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-paused,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-completed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-cancelled {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* Actions opacity 0 until row hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.12s ease !important;
  gap: 4px 8px !important;
  flex-shrink: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:hover .contact-sequence-overview__actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:focus-within .contact-sequence-overview__actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview button.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__send-now,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__pause,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__resume,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__approve,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__report,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__review-draft {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  padding: 1px 0 !important;
  filter: none !important;
}

/* ── 4) Quick Notes — flat composer; Save nord text (never gold) ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes.contact-details-card {
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-top: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea.textarea {
  background: #141414 !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer button.btn.primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  font-size: 13px !important;
  min-height: 0 !important;
  padding: 4px 2px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions .btn.primary:hover {
  background: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  border: none !important;
  transform: none !important;
}
/* Activity / timeline humanized spacing under notes */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .activityItem {
  min-height: 44px !important;
  padding: 10px 0 !important;
  gap: 8px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem .activityTitle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem .activityMeta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem .activityTime {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}

/* Playbook — keep flush, no card tiles */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook {
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__step {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v35 — Contact Overview tab: harder Attio pass (aggressive flatten)
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   v34 still read dashboard-heavy: KPI cells as six boxes; intelligence as a
   two-column accordion wall with fat Active Deal cards; Quick Notes +
   Sequences dominating. This pass: pure flex KPI strip; single-column
   intelligence rest-state (relationship + next action + Active Deals row);
   other sections collapsed / zero-count hidden; notes + sequences compressed.
   Do not regress Tasks v33, Details v30/v31, Deals v29.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) KPI row — kill cell chrome; pure flex strip ──────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero--contact-command {
  gap: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 0 6px !important;
  max-height: 52px !important;
  overflow: hidden !important;
  grid-template-columns: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 52px !important;
  padding: 8px 12px !important;
  gap: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  animation: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--communications {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 1px !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  font-size: 9px !important;
  letter-spacing: 0.07em !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-v {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-top: 0 !important;
  line-height: 1.2 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
/* Secondary left meta — hide hard at rest (no hover reveal) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta-stage,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__status-meta {
  display: none !important;
}
/* Mute split leftovers ("2 Days", empty halves) so the strip stays sparse */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v--text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--empty {
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  opacity: 0.7 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-divider {
  opacity: 0.35 !important;
  align-self: center !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__kpi-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__kpi-add-btn {
  opacity: 0.8 !important;
  pointer-events: auto !important;
}
@media (max-width: 900px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
    flex-wrap: wrap !important;
    max-height: none !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell {
    flex: 1 1 30% !important;
    max-height: 48px !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(3n + 1) {
    border-left: none !important;
    padding-left: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-top: 6px !important;
    margin-top: 0 !important;
  }
}

/* Actions bar under tabs — no extra chrome strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-action-deck-host,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body #detailHeaderActions.contact-header-action-strip {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── 2) Intelligence — single column; rest-state = 2 lines + Active Deals ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence {
  margin: 2px 0 6px !important;
  padding: 6px 0 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 0 4px !important;
  padding: 0 0 6px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  grid-template-columns: none !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__interactions {
  display: none !important;
}
/* Relationship line: Engaged · High confidence · Positive */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 2px !important;
  padding: 2px 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status .contact-intelligence__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__disclaimer {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status .contact-intelligence__panel-body {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status h3 {
  display: inline !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__confidence {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  text-transform: capitalize !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__confidence::before {
  content: " · " !important;
  color: #707070 !important;
  -webkit-text-fill-color: #707070 !important;
  font-weight: 400 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factors {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor {
  display: contents !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor p,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor--concern {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor:not(.contact-intelligence__factor--concern) .contact-intelligence__factor-label {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__factor:not(.contact-intelligence__factor--concern) .contact-intelligence__factor-label::before {
  content: " · " !important;
  color: #707070 !important;
  -webkit-text-fill-color: #707070 !important;
}
/* Best next action + nord View recommendation */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px 10px !important;
  padding: 2px 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action .contact-intelligence__section-label {
  font-size: 10px !important;
  letter-spacing: 0.05em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action .contact-intelligence__panel-body {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action h3 {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__reason {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button {
  margin-left: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: transparent !important;
}

/* Kill two-column accordion wall → single stack */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-top: 0 !important;
  grid-template-columns: none !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section {
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}
/* Hide zero-count sections at rest (safe :has / data-count) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-count="0"] {
  display: none !important;
}
/* Collapsed summary chrome — quieter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section:not([open]) summary {
  padding: 5px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  min-height: 0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[open] summary {
  padding: 6px 0 4px !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  min-height: 0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary::after {
  font-size: 11px !important;
  opacity: 0.45 !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__count {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 0 0 4px !important;
}
/* Active Deals — single list row; hide Role/Health/Priority/concern dump */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] .contact-intelligence__section-body {
  padding: 0 0 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows--deals button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 5px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.04) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows--deals li:first-child .contact-intelligence__deal-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows--deals li:first-child button {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-row > *,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows--deals button > * {
  display: inline !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-row strong {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-meta {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
/* Belt-and-suspenders: hide legacy meta blocks if old HTML still paints */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] em,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] .contact-intelligence__signal-card {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__signal-list li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__timeline li,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__quality li {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

/* ── 3) Quick Notes — compress; don't dominate ───────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes.contact-details-card {
  padding-top: 4px !important;
  margin-top: 0 !important;
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes .related-section-header {
  padding: 4px 0 2px !important;
  margin: 0 !important;
  min-height: 0 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-right .crm-contact-overview-notes .overview-note-composer {
  margin: 4px 0 4px !important;
  padding: 4px 0 6px !important;
  border: none !important;
  border-radius: 0 !important;
  background: #141414 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer > div:first-child {
  margin: 0 0 4px !important;
  padding: 0 !important;
  gap: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea.textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-right .overview-note-composer textarea {
  min-height: 80px !important;
  max-height: 120px !important;
  margin: 0 !important;
  width: 100% !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid transparent !important;
  resize: vertical !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-note-actions-row {
  margin-top: 2px !important;
  padding-top: 4px !important;
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer button.btn.primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  font-size: 12.5px !important;
  min-height: 0 !important;
  padding: 2px 2px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-activity-feed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .contact-activity-feed {
  min-height: 0 !important;
  padding: 4px 0 8px !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .activityItem {
  min-height: 0 !important;
  padding: 7px 0 !important;
  gap: 6px !important;
}

/* ── 4) Sequences — tighter clip; mute AI / Ready badges at rest ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview {
  padding: 4px 0 4px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__head {
  padding: 0 0 2px !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__title {
  font-size: 12px !important;
  font-weight: 550 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__list {
  max-height: calc(32px * 2.75) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  gap: 0 !important;
  mask-image: linear-gradient(to bottom, #000 72%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item {
  align-items: center !important;
  padding: 5px 0 !important;
  min-height: 28px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.04) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__name {
  font-size: 12px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__meta {
  font-size: 10.5px !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status {
  font-size: 9.5px !important;
  min-height: 16px !important;
  line-height: 16px !important;
  padding: 0 5px !important;
}
/* Hide AI Personalized / Ready-for-review chrome at rest; recover on hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__draft {
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: opacity 0.12s ease, max-height 0.12s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:hover .contact-sequence-overview__draft,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:focus-within .contact-sequence-overview__draft {
  max-height: 36px !important;
  opacity: 0.75 !important;
  margin-top: 2px !important;
  font-size: 10.5px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__draft .sequence-email-mode-badge {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:hover .contact-sequence-overview__draft .sequence-email-mode-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:focus-within .contact-sequence-overview__draft .sequence-email-mode-badge {
  display: inline-flex !important;
  opacity: 0.7 !important;
  font-size: 9px !important;
  padding: 0 4px !important;
}
/* Keep hover-only actions from v34 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions {
  opacity: 0 !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:hover .contact-sequence-overview__actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:focus-within .contact-sequence-overview__actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v36 — Contact Overview KPI strip: kill clipping + stacked craft
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   v35 max-height:52px + overflow:hidden clipped primary glyphs mid-number.
   This pass: height unconstrained; label → primary stack; secondary under
   (not opposite ends of a wide row); Client Room readable at rest.
   Do not regress Tasks v33, Details v30/v31, Deals v29.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) CLIPPING KILL — strip + cells + wrappers (must win over v35) ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--deals-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--tasks-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--projects-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--client-room-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--communications-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--financials-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-v {
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  margin: 0 0 4px !important;
  padding: 0 0 8px !important;
  min-height: 64px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 10px 14px !important;
  gap: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  animation: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-top: none !important;
  margin-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ── 1) Cell stack: LABEL → PRIMARY → secondary under (not wide row) ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.crm-overview-hero__status-card-hit {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  padding: 0 !important;
  width: 100% !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-align: left !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open .crm-overview-hero__deals-split-v {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Split → vertical stack (primary then secondary), never 50/50 stretch row */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--deals-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--tasks-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--projects-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--client-room-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--communications-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--financials-split {
  display: block !important;
  width: auto !important;
  align-self: flex-start !important;
  white-space: normal !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: auto !important;
  min-width: 0 !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-divider {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.crm-overview-hero__deals-split-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: left !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k {
  display: block !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  line-height: 1.1 !important;
  margin-top: 2px !important;
  opacity: 1 !important;
}

/* Secondary under primary — muted 11px */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v--text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  opacity: 1 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Hide empty / dash secondary; keep zero money muted but present */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed:has(.crm-overview-hero__status-value--empty),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta:empty {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta-stage,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k {
  display: block !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  line-height: 1.1 !important;
  margin-top: 2px !important;
  opacity: 1 !important;
}

/* KPI + add stays hover-only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__kpi-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__kpi-add-btn {
  opacity: 0.8 !important;
  pointer-events: auto !important;
}

/* ── 2) Client Room line — readable at rest (was 0.28) ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--promo {
  opacity: 0.62 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip:focus-within {
  opacity: 0.95 !important;
}

@media (max-width: 900px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
    flex-wrap: wrap !important;
    max-height: none !important;
    overflow: visible !important;
    min-height: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell {
    flex: 1 1 30% !important;
    max-height: none !important;
    overflow: visible !important;
    min-height: 56px !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(3n + 1) {
    border-left: none !important;
    padding-left: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v37 — Contact Relationships tab (Cursor Dark / better-than-Attio)
   Scope: #detailPanel .relationshipsSection / #detailRelationshipsSection only.
   Flush #141414; list rows (name · type · one status); + Add / View / Remove
   nord quiet; rail Edit remains sole gold. Demote PRIMARY / avatar chrome.
   Theme-aware type filter + Add Relationship portal. Second-pass flatten
   baked in (kill card stack). Do not regress Overview KPI, Tasks, Deals,
   Details, WHO tags, activity, Actions, tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas — kill nested card-in-void ──────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .detailSection.relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailRelationshipsSection {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
  margin: 0 !important;
}

/* Snug header — soft gutter only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailRelationshipsSection .related-section-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  margin: 0 0 10px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-count {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* + Relationship — nord quiet (never gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection #addRelationshipBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-actions .related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-empty-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection #addRelationshipBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-empty-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Type filter — charcoal, not white (theme-aware control) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-type-filter,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .related-section-type-filter {
  appearance: none !important;
  -webkit-appearance: none !important;
  color-scheme: dark !important;
  background-color: #1e1e1e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2381A1C1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  min-height: 30px !important;
  padding: 4px 28px 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-type-filter:hover {
  border-color: rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-type-filter:focus-visible {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-type-filter option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* Empty state — no boxed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-list .related-section-empty {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-empty-icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-empty-text {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 13px !important;
}

/* ── 2) List — one composition; kill stacked record cards (flatten) ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .contact-related-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-list[data-mm-rel-list="true"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Card → soft list row */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .contact-related-card {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 10px 0 !important;
  min-height: 44px !important;
  cursor: pointer !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-card:hover {
  background: rgba(240, 240, 240, 0.025) !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Hide colorful avatar tile — name leads the row (pre- and post-enhance) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card > .mm-rel-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card > div:first-child.mm-rel-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card > div:first-child:not(.mm-rel-info):not(.mm-rel-actions),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card > div:first-child:not(.mm-rel-info):not(.mm-rel-actions) {
  display: none !important;
}

/* Info → one horizontal composition: name · type · status */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-info,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-info {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px 14px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  max-width: 720px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-name-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-badges-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-info > div:nth-child(2) {
  display: contents !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-name {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(280px, 36vw) !important;
  order: 1 !important;
}

/* Type = sole status chip (nord quiet, not filled pill stack) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-type-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-type-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-info > div:nth-child(2) span {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  min-height: 22px !important;
  padding: 2px 9px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* PRIMARY — demote off gold; quiet muted meta (not competing primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .primary-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .primary-badge {
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Actions: View nord outline; Remove hover-only quiet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
  min-width: 0 !important;
  margin-left: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions .btn.small.mm-rel-view-btn {
  order: 1 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  min-width: 0 !important;
  padding: 3px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-view-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-view-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-remove-btn {
  order: 2 !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 26px !important;
  min-width: 0 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card:hover .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card:hover .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card:focus-within .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card:focus-within .mm-rel-remove-btn {
  display: inline-flex !important;
  align-items: center !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-remove-btn:hover {
  background: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: transparent !important;
}

/* ── 3) Add Relationship portal — charcoal, not pure-white cards ────────── */
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .modal,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-surface,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-form,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-quickadd,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-surface {
  border-radius: 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop select,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop input,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop textarea {
  color-scheme: dark !important;
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop select option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-quick-btn,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-actions .btn:not(.relationship-editor-save):not(.primary) {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-quick-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-actions .btn:not(.relationship-editor-save):not(.primary):hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
/* Modal save can stay quiet nord outline — rail Edit remains sole gold primary */
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-save,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-actions .btn.relationship-editor-save {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.5) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-save:hover,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-actions .btn.primary:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Portal list rows inside Add Relationship — same flatten language */
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .contact-related-card,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .mm-rel-card,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop [style*="linear-gradient(135deg,#ffffff"],
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop [style*="background: white"],
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop [style*="background:white"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card [style*="color: var(--gray-900)"],
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card [style*="font-weight: 700"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card .muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card .pill,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-card .primary-badge {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-primary-btn,
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-remove-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-remove-btn {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-primary-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-remove-btn:hover {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #addRelationshipBackdrop .relationship-editor-empty {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v38 — Contact Overview KPI values: restore PRIMARY left / SECONDARY right
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   v36 stacked primary above secondary (flex-direction:column on deals-split).
   Original craft: label on top; one value row with primary LEFT + secondary
   RIGHT; optional status/hint under (muted, single line, truncate).
   Keep v36 vertical unclip (max-height:none / overflow:visible on strip).
   Fit 6 columns without horizontal PROJECTS clip.
   Do not regress Relationships v37, Tasks v33, Details v30/v31, Deals v29.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) 6-col fit — tighter cells, min-width 0, horizontal truncate only ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  min-height: 56px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 8px 8px !important;
  max-height: none !important;
  overflow: visible !important; /* keep v36 vertical unclip; truncate on text nodes */
  min-height: 56px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 0 !important;
}

/* Cell stack: LABEL → value row → optional status (column is correct here) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-hit--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.crm-overview-hero__status-card-hit {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  text-align: left !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── 1) VALUE ROW — primary LEFT + secondary RIGHT (kill v36 column stack) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--deals-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--tasks-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--projects-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--client-room-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--communications-split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value--financials-split {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-size: inherit !important; /* sizes live on split-v */
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: none !important;
  column-gap: 6px !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-divider {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.crm-overview-hero__deals-split-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 0 !important;
  width: auto !important;
  max-width: 55% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  text-align: left !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open {
  flex: 0 1 auto !important;
  justify-content: flex-start !important;
  max-width: 60% !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed {
  flex: 0 1 auto !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
  text-align: right !important;
  max-width: 45% !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-k {
  display: block !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  line-height: 1.1 !important;
  margin-top: 2px !important;
  opacity: 1 !important;
}

/* Primary — left, ~19px #F0F0F0 weight 600 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open .crm-overview-hero__deals-split-v--text {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
}

/* Secondary — right, ~12px #909090 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v--text {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Hide empty / dash secondary noise */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed:has(.crm-overview-hero__status-value--empty),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta:empty {
  display: none !important;
}

/* Hide secondary when it duplicates a zero primary (0 / $0 / — noise) via attr
   when present; text matching isn't reliable in CSS alone. L/R layout above is
   the main fix so twin zeros sit side-by-side instead of stacked. */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-meta-stage {
  display: none !important;
}

/* ── 2) Status / hint under value row — one muted truncated line ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta--communications-btn {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  opacity: 1 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* KPI + add stays hover-only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:hover .crm-overview-hero__kpi-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__kpi-add-btn {
  opacity: 0.8 !important;
  pointer-events: auto !important;
}

@media (max-width: 900px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
    flex-wrap: wrap !important;
    max-height: none !important;
    overflow: visible !important;
    min-height: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell {
    flex: 1 1 30% !important;
    max-height: none !important;
    overflow: visible !important;
    min-height: 52px !important;
    padding: 8px 8px !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(3n + 1) {
    border-left: none !important;
    padding-left: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:nth-child(n + 4) {
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-top: 8px !important;
    margin-top: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v39 — Contact Overview intelligence: one soft separator under Best Next Action
   Cause: .contact-intelligence__top-grid border-bottom stacked with the first
   .contact-intelligence__section border-top (accidental double hairline).
   Scope: #detailPanel .contact-detail-tab-panel--overview intelligence only.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Kill duplicate: accordion border-top abutting top-grid. Use border-bottom
   between sections so display:none (data-count=0) rows cannot re-stack a
   border-top against the Best Next Action separator. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main > .contact-intelligence__section {
  border-top: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main > .contact-intelligence__section:last-child {
  border-bottom: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v40 — Contact Overview: fix right-edge clip (+ / Refresh / PRESS N)
   Cause: Attio flush zeroed #detailContent + overview stack horizontal padding
   (v16/v18), while last KPI cell padding-right:0 and flex header tools
   (Ask about… / Refresh) / right-aligned PRESS N hint sit flush against the
   panel edge — content wider than viewport clips the right side.
   Prefer layout room (soft gutters + min-width:0 + flex-shrink) over hiding
   overflow. Keep + INSIDE the row. Do not regress KPI L/R v38, Relationships
   v37, or Best Next Action single separator v39.
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Soft gutters + contain overflow without eating + / tools ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  overflow-x: clip !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-stack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-bottom,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero--contact-command,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ── 1) KPI strip — keep + inside last cell (undo flush padding-right:0) ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 12px !important; /* room for absolute + overlay */
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell {
  position: relative !important;
  overflow: visible !important; /* + stays visible inside cell, not clipped */
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__kpi-add-btn {
  /* Keep centered overlay from base; ensure it never paints past cell */
  max-width: 28px !important;
  box-sizing: border-box !important;
}

/* ── 2) Intelligence header tools — wrap / shrink; stay in viewport ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 6px 10px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-right: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:first-child {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Top grid / next-action row — truncate long copy; keep actions visible */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__status h3 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__next-action button {
  flex-shrink: 0 !important;
}

/* Reaffirm v39: single soft separator under Best Next Action (no stacked hairline) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main > .contact-intelligence__section {
  border-top: none !important;
}

/* ── 3) Accordion summaries — title truncates; count / chevron stay in ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-right: 4px !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary > :not(.contact-intelligence__count):not(button) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary button {
  flex-shrink: 0 !important;
}

/* ── 4) Quick Notes — PRESS N hint stays inside composer ─────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: clip !important;
  padding-right: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer::before {
  box-sizing: border-box !important;
  max-width: 100% !important;
  padding: 6px 12px 0 0 !important; /* was 16px right — keep hint fully visible */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea.textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Sequence / playbook headers — same right room */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .related-section-header {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-right: 4px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v41 — Task Details modal (Cursor Dark / better-than-Attio)
   Target: #taskDetailBackdrop / .task-detail-modal (openTaskDetailModal)
   Kill light-blue Due + Contact Info cards, white nav chrome, loud green/blue
   phone-email fills, competing gold Edit Task. Flatten to soft gutters /
   sparse rows. One primary = Mark Complete (quiet nord fill). Edit Task nord
   (rail Edit on page stays gold). Soft modal radius OK; no multi-shadow glow.
   Second-pass flatten required: Due + Contact Info are sections, not nested
   pastel cards. Do not regress Overview v32–v40 / Relationships v37 / Tasks tab v33.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Overlay + charcoal dialog shell ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailBackdrop.backdrop,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailBackdrop.task-detail-backdrop {
  background: rgba(20, 20, 20, 0.72) !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailBackdrop .modal.task-detail-modal,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal.task-detail-modal {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important; /* single soft lift — not multi-glow */
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalHead,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalFoot {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalBody {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailClose.iconBtn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailClose.iconBtn:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: #2a2a2a !important;
}

/* ── 1) Title / description ──────────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-desc {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* ── 2) FLATTEN — Due row: soft gutter, not pastel card ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-due {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 4px !important;
  margin-top: 8px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-due.is-overdue {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-due.is-completed,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-due.is-empty {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Overdue banner — quiet inline note, not red card */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-overdue-banner {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 0 !important;
  margin-top: 4px !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-overdue-banner strong {
  font-weight: 650 !important;
  color: #fca5a5 !important;
}

/* Booking chip — muted nord outline, not mint pill */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-booking-chip {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 4px 8px !important;
}

/* Completed banner — soft strip, not green card (top only; foot has its own) */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-completed-banner {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 10px 0 !important;
  text-align: left !important;
  font-weight: 600 !important;
}

/* ── 3) FLATTEN — Contact Info: section + sparse rows, not blue card ─────── */
/* One soft top hairline (Due above has no border → no double stack). */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-contact-info {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 0 0 !important;
  margin-top: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-contact-info__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-field-row {
  margin-bottom: 8px !important;
  gap: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-field-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
  font-size: 12px !important;
}

/* Fields: readable charcoal chips — kill white boxes + blue glow */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-value {
  background: #181818 !important;
  background-image: none !important;
  background-color: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill:focus-visible {
  background: #2a2a2a !important;
  background-image: none !important;
  background-color: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill svg {
  color: #81a1c1 !important;
  stroke: #81a1c1 !important;
  flex-shrink: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill:hover svg {
  color: #88c0d0 !important;
  stroke: #88c0d0 !important;
}

/* Phone / Email — nord quiet outline chips (not loud green/blue fills) */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-contact-actions {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important; /* one soft separator — no double stack with card border */
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-phone,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-email {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  padding: 7px 12px !important;
  text-decoration: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-phone:hover,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-email:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-phone svg,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-email svg {
  stroke: currentColor !important;
}

/* ── 4) CTA hierarchy ────────────────────────────────────────────────────── */
/* Primary: Mark Complete — quiet filled dark + nord text (NOT loud green) */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailComplete.btn {
  background: #181818 !important;
  background-image: none !important;
  background-color: #181818 !important;
  border: 1px solid rgba(129, 161, 193, 0.5) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 650 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailComplete.btn:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Secondary: Complete & Add New — nord text / ghost */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailCompleteNew.btn,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailCompleteNew.btn.ghost {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 10px 12px !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailCompleteNew.btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Edit Task — nord outline (NOT gold; rail Edit on page stays sole gold) */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailEdit.btn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  filter: none !important;
  width: 100% !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailEdit.btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Close — quiet muted */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailCancel.btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailCancel.btn:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Soft foot separator — avoid double hairlines with body padding */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalFoot {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .modalHead {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-cta-row {
  margin-bottom: 10px !important;
  gap: 8px !important;
}

/* ── 5) Second-pass safety: kill leftover pastel / white inline chrome ───── */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#f0f9ff"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#e0f2fe"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#eff6ff"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#ecfdf5"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#fef3c7"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#fef2f2"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="#f9fafb"],
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal [style*="rgba(255,255,255"] {
  background: transparent !important;
  background-image: none !important;
}

/* Nav pills / values still need charcoal fill after the blanket transparent kill */
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-pill,
html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal .task-detail-nav-value {
  background: #181818 !important;
  background-color: #181818 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #taskDetailModal #taskDetailComplete.btn {
  background: #181818 !important;
  background-color: #181818 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v42 — Contact Activity tab (Cursor Dark / better-than-Attio)
   Target: #detailPanel .activityLog / .contact-detail-tab-panel--activity
   (data-mm-activity-tab). TOTAL / LAST 24H / LAST 7 DAYS / SHOWING → one sparse
   strip; feed → list rows (~44px, soft dividers, flush #141414); meta #909090–
   #B0B0B0; quiet Copy/pin row actions with ~14px gutters (not clipped).
   Humanize via momentum enhanceStandaloneActivityTab (already wired).
   Rail Edit sole gold — no competing gold on Activity. Second-pass flatten
   baked in (kill KPI cards + type-chip mini-tiles + filled row cards).
   Do not regress Task modal v41, Overview v32–v40, Relationships v37,
   Tasks v33, Deals v29, Details, WHO tags, Actions, tag picker.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas — kill nested card-in-void ──────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .activityLog,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .detailSection.activityLog,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="activity"] {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 14px 16px !important;
  margin: 0 !important;
  overflow-x: visible !important;
  box-sizing: border-box !important;
}

/* Snug header — soft gutter only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-section-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  margin: 0 0 10px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-count {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* ? help — hover-only (never gold / never loud at rest) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-activity-help-btn {
  opacity: 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-header:hover .contact-activity-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-help-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-header:hover .contact-activity-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-activity-help-btn:focus-visible {
  opacity: 0.7 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* ── 2) TOTAL / LAST 24H / LAST 7 DAYS / SHOWING → one sparse strip ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary[data-mm-activity-summary="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 2px 0 10px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card.metric-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card.metric-weighted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card.metric-open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card.metric-risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 4px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card + .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-deals-summary-card + .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card + .contact-deals-summary-card {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card:last-child {
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-k,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-k {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-v {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
  font-size: 18px !important;
}

@media (max-width: 900px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-deals-summary,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card:nth-child(2n + 1),
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card:nth-child(2n + 1) {
    border-left: none !important;
    padding-left: 0 !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-card:nth-child(n + 3),
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-card:nth-child(n + 3) {
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-top: 8px !important;
    margin-top: 4px !important;
  }
}

/* ── 3) Feed — list rows, soft dividers, real spacing ────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-feed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-activity-feed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-feed[data-mm-activity-feed-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-activity-feed {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 4px 0 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-feed::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-activity-feed::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-activity-feed::before {
  content: none !important;
  display: none !important;
}

/* Date group dividers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .mm-timeline-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .mm-timeline-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .mm-activity-date-divider {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 14px 0 6px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* List rows — not filled cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 4px 10px !important;
  align-items: start !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px 14px 10px 0 !important; /* ~14px right gutter so Copy/pin aren't clipped */
  overflow: visible !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item:has(> button[data-pin-toggle]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item:has(> button[data-pin-toggle]) {
  grid-template-columns: 40px minmax(0, 1fr) auto auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item:last-child {
  border-bottom: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .activityItem.contact-activity-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item:hover {
  background: rgba(240, 240, 240, 0.035) !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Icon bubble — quiet charcoal, not pastel tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > .mm-activity-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item > .mm-activity-bubble {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 2px auto 0 !important;
  align-self: start !important;
  justify-self: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > .contact-activity-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item > .contact-activity-body {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Titles — humanized copy floor */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .contact-activity-body > div:first-child > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item .mm-timeline-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #e8e8e8 !important;
  -webkit-text-fill-color: #e8e8e8 !important;
  line-height: 1.4 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title {
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title {
  font-weight: 400 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Meta / timestamps — #909090–#B0B0B0; kill pill chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .contact-activity-meta-line,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item time {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  margin-top: 3px !important;
  line-height: 1.35 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  white-space: normal !important;
}

/* Title row — stack title above meta (not space-between pill) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .contact-activity-body > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item .contact-activity-body > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* ── 4) Second-pass flatten — kill type/author chip mini-tiles ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .contact-activity-body > div:nth-child(2),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item .contact-activity-body > div:nth-child(2) {
  display: none !important;
}

/* Collapsed system noise stays hidden; summary row quiet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item[data-mm-collapsed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item[data-mm-collapsed="true"] {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .mm-activity-summary-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .mm-activity-summary-row {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}

/* ── 5) Row actions (Copy / pin) — quiet, in-gutter, not clipped ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > .mm-activity-copy-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item > .mm-activity-copy-btn {
  grid-column: -1 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  margin: 0 !important;
  opacity: 0 !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 8px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item:hover > .mm-activity-copy-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item:hover > .mm-activity-copy-btn {
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > .mm-activity-copy-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item > .mm-activity-copy-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item > button[data-pin-toggle] {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  opacity: 0 !important;
  min-width: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: saturate(0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item:hover > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item:hover > button[data-pin-toggle],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item > button[data-pin-toggle]:focus-visible {
  opacity: 0.7 !important;
  filter: none !important;
}

/* Empty state — soft surface, not pastel card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .mm-activity-empty {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-empty h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-empty h3 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-empty p,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-empty p {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-empty > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-empty > div:first-child {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}

/* Help popover — charcoal, not white */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-help-popover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-activity-help-popover {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #e8e8e8 !important;
}

/* ── 6) CTA hierarchy — no gold on Activity (rail Edit remains sole gold) ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog [style*="facc15"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog [style*="eab308"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog [style*="fef08a"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity [style*="facc15"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity [style*="eab308"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity [style*="fef08a"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v43 — Contact Email tab (Cursor Dark / better-than-Attio)
   Target: #detailPanel .contact-detail-tab-panel--email / .contact-email-section
   (.td-record-email split: list + conversation). Flush #141414 / soft #181818
   panes; soft 1px gutter between columns; list rows (subject · preview · date)
   not Gmail cards; thread body #F0F0F0, meta #909090–#B0B0B0; Sent/Delivered
   pills quiet nord/muted (not loud green); Reply / Send / Compose / Forward /
   Open Inbox → nord quiet text/outline — NEVER gold. Rail Edit sole gold.
   Kill pure-white panels; theme #emailComposerModal charcoal #1e1e1e.
   Second-pass flatten baked in (kill list card stack, nested conv card,
   bubble chrome, white reply footer). Soft right gutters so actions don’t clip.
   Do not regress Activity v42, Task modal v41, Overview v32–v40, Relationships
   v37, Tasks v33, Deals v29, Details, WHO tags, Actions, tag picker.
   Do NOT restyle global #emailInboxView — contact Email tab scoping only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas — kill nested card-in-void ──────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-email-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
  padding-left: 0 !important;
  padding-right: 14px !important; /* soft right gutter — nothing clips */
  box-sizing: border-box !important;
  overflow-x: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__head {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 10px !important;
  margin: 0 0 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__sub {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Split panes — soft #181818 surfaces, 1px gutter (not nested folder cards) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__split {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  gap: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__list-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__list-col {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  padding: 0 0 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-col {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-toolbar {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 14px 8px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-mount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__message-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-mount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__message-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__placeholder {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-inner {
  padding: 0 14px 12px 12px !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-head {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 8px !important;
  margin: 0 0 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-participants,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-participants {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* ── 2) List — rows, not Gmail/record cards (first + flatten pass) ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__list {
  gap: 0 !important;
  row-gap: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 14px 10px 12px !important; /* right gutter */
  box-sizing: border-box !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  transition: background 120ms ease !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

/* Selected — quiet nord wash (not loud inset accent / card frame) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row.is-active {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row-icon {
  opacity: 0.45 !important;
  filter: grayscale(0.35) !important;
  flex-shrink: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row-subj,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row-subj-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row-subj,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row-subj-text {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row-meta {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 400 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__row-body {
  gap: 4px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* Unread badge — quiet nord, kill purple gradient */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__unread-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__row.is-active .td-record-email__unread-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__unread-badge {
  background: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__ctx-tag,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__ctx-tag {
  background: rgba(240, 240, 240, 0.06) !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__err,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__empty {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 14px 12px !important;
}

/* ── 3) Thread — readable body, quiet meta, flatten bubble cards ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg {
  max-width: min(760px, 100%) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg--out .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg--in .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg--out .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg--in .td-inbox__msg-bubble {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  padding: 12px 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-meta {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-html,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-body--plain,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-html {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* HTML email bodies often ship light inline colors — prefer readable dark */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-html,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-html {
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-html a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-html a {
  color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__attachments,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__attachments {
  background: transparent !important;
  border-top: 1px dashed rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__att-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__att-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__att-note,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__att-note {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__att-action,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__att-action {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__att-action:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__att-action:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Sent / Delivered / Opened pills — quiet nord/muted, not loud green */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-engagement,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-engagement {
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill--delivered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill--open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill--click,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill--muted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill--delivered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill--open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill--click,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill--muted {
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__eng-pill--danger,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__eng-pill--danger {
  background: rgba(239, 68, 68, 0.1) !important;
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  box-shadow: none !important;
}

/* ── 4) CTA hierarchy — Reply / Send / Compose nord; NEVER gold ──────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__send-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-reply-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-btn--primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__send-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-reply-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-btn--primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__btn-primary {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__send-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-reply-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__btn-primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__send-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-reply-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Kill gold / yellow competition inside Email tab (rail Edit stays sole gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email [style*="facc15"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email [style*="eab308"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email [style*="fef08a"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] [style*="facc15"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] [style*="eab308"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] [style*="fef08a"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Secondary tools — Open Inbox / Close / Open in Inbox */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__inbox-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-inbox-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-close,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__inbox-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-inbox-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-close {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-close {
  border-color: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__inbox-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-inbox-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-close:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__inbox-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-inbox-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-close:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
}

/* Reply footer — kill white sticky card bar */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-reply-footer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-reply-footer {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 14px 10px 12px !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* Head actions cluster — soft gap, no clip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__head-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__head-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  max-width: 100% !important;
  padding-right: 2px !important;
}

/* ── 5) Second-pass flatten — re-audit card-stack leftovers ──────────────── */
/* Kill any remaining filled “folder” chrome on nested surfaces */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .detailSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .detailSection {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Message list spacing — real gaps, not smashed */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__message-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-msgs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__message-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 8px 0 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Soft gutters — conv scroll doesn’t clip Reply / pills on the right */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-mount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-mount {
  padding: 0 2px 8px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-inbox__msg-bubble {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
}

/* ── 6) Portaled compose menus — charcoal #1e1e1e (not pure white) ───────── */
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .modal,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .email-composer-modal,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerContent,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] .email-composer-modal {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal #emailComposerHeader,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal #emailComposerSidebar,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .menu,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .dropdown-menu,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .popover,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal .td-menu {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #e8e8e8 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal textarea,
html[data-theme="dark"] body[data-theme="momentum"] #emailComposerModal select {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v44 — Contact Overview: one soft separator under Client Room banner
   Cause: .crm-overview-hero__room-strip border-bottom stacked with nested
   .contact-portal-hero-strip border-bottom (and any border-top on the Actions
   main row) — same adjacent-hairline class as Best Next Action v39.
   Keep ONE soft separator (rgba(240,240,240,0.08)) on the room-strip mount;
   clear nested strip border-bottom + Actions/main border-top.
   Scope: #detailPanel .contact-detail-tab-panel--overview Client Room ↔ Actions
   junction only. Do not regress Email v43 / Activity v42 / KPI / intelligence.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ONE soft separator under Client Room banner */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Kill duplicate: nested strip border-bottom abutting the mount separator */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip--promo,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--promo {
  border: none !important;
  border-bottom: none !important;
}

/* Kill duplicate: Actions row border-top abutting Client Room separator */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck {
  border-top: none !important;
}

/* When Client Room strip is hidden, collapse it fully so Actions sits under the
   KPI hairline only (no phantom empty band + second border). */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip[hidden] {
  display: none !important;
  border: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v45 — Contact Relationships tab: stop View/Remove clip at right edge
   Cause: v37 flush rows used padding 10px 0 / section 4px 0 12px (no right
   gutter). Flex row + width:100% let .mm-rel-actions hang past the panel;
   View stayed visible, Remove clipped. Also reinforce nord outline over
   momentum solid indigo View fills (secondary tools).
   Scope: #detailPanel .relationshipsSection / #detailRelationshipsSection
   rows + actions only. Do not regress Overview v44 / Email / Tasks / Deals.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Panel + section — soft right gutter; never overflow past container */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body > .detailSection.relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailRelationshipsSection {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 4px 16px 12px 0 !important;
  overflow-x: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #detailRelationshipsSection .related-section-header {
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .contact-related-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-list[data-mm-rel-list="true"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Row flex: info truncates; actions never shrink off the edge */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .contact-related-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .contact-related-card {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 10px 14px 10px 0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-info,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-info {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  max-width: none !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-name {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-actions {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  max-width: none !important;
  gap: 6px !important;
  margin-left: auto !important;
  padding-right: 2px !important;
  box-sizing: border-box !important;
}

/* Secondary tools — nord outline/text (kill momentum indigo/white fills) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions .btn.small.mm-rel-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions .mm-rel-view-btn.btn {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-view-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-view-btn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions .btn.small.mm-rel-remove-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-actions .mm-rel-remove-btn.btn {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-remove-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-remove-btn:hover {
  background: transparent !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(252, 165, 165, 0.35) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v46 — Edit Task / Event popup (Cursor Dark / better-than-Attio)
   Target: .task-event-backdrop / .task-event-modal (openTaskEventModal in ui.js)
   Fixes: light gradient header (momentum beat dark-core), white Reminders cards
   + blue/green chips, sticky footer overlapping body (green “Close the loop”
   done-hint peeking through), Save & mark complete detached, mixed chrome.
   Charcoal #1e1e1e / #181818; Save nord primary (NOT gold — rail Edit stays gold).
   Second-pass flatten: field cards → soft sections; kill done-hint chrome;
   one non-sticky footer that never covers Reminders.
   Do not regress Relationships v45 / Client Room v44 / Email v43 / Task Details v41.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Overlay + charcoal dialog shell ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop.backdrop,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop {
  background: rgba(20, 20, 20, 0.72) !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .modal.task-event-modal,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
  color-scheme: dark;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

/* ── 1) Header — kill light/blue-white gradient; readable #F0F0F0 ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead.task-event-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__head {
  position: relative !important; /* not sticky — flex child */
  top: auto !important;
  z-index: 2 !important;
  flex-shrink: 0 !important;
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead.task-event-modal__head::before,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__head::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalTitle,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead .modalTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record {
  color: #e8e8e8 !important;
  -webkit-text-fill-color: #e8e8e8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record-sep {
  color: #6b6b6b !important;
  -webkit-text-fill-color: #6b6b6b !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record-bit--company {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record-bit--person {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record-bit--email,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__record-bit--phone {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__summary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__summary strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead .iconBtn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal #__te_close.iconBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead .iconBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal #__te_close.iconBtn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ── 2) Body — charcoal canvas; scroll only here ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalBody,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalBody.task-event-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-modal__body {
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  padding-bottom: 16px !important;
}

/* Labels / muted copy inside body (inline light colors) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal label,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .task-event-field label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* ── 3) FLATTEN — field “cards” → soft sections (no white panels) ────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-history,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-helper,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field--reminders,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_row,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_history_row,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_sched_crm_guest_wrap {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 0 4px !important;
  margin: 0 !important;
}

/* First field (Type) — no top hairline double with header */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field--kind,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__body > .task-event-field:first-child {
  border-top: none !important;
  padding-top: 2px !important;
}

/* Soft Reminders section (was white card) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_row.task-event-field--reminders,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field--reminders {
  background: #181818 !important;
  background-color: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  padding: 12px 12px 10px !important;
  margin-top: 4px !important;
}

/* Helper tip — quiet meta, not gray card */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-helper {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  background: transparent !important;
  padding: 8px 0 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-helper p,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-helper strong {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Kill “Close the loop” green debug/promo chrome (peeked under sticky foot) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-done-hint,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_done_hint {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Already-done / snooze — soft dark sections, not pastel cards */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__card,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__input:checked + .task-event-already-done__card {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__title,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__hint,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze__text {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__checkbox-ui {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__input:checked + .task-event-already-done__card .task-event-already-done__checkbox-ui {
  background: #81a1c1 !important;
  background-image: none !important;
  border-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze__icon {
  background: rgba(129, 161, 193, 0.15) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze__pill {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze__pill:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  transform: none !important;
}

/* ── 4) Task / Event toggle — nord active (not purple/indigo) ────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 3px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn:hover {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn:focus-visible {
  outline: 2px solid rgba(129, 161, 193, 0.55) !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn--active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn--active::after {
  background: #81a1c1 !important;
}

/* ── 5) Inputs — #181818 / #F0F0F0 / soft borders ────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .input,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .select {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_attendees_dropdown {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_time_clear {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ── 6) Reminders chips — nord quiet (not blue/green/gold loud) ──────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-quick-btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-day-btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminder_custom {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  min-height: 28px !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-quick-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-day-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminder_custom:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_selected > div,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_selected .task-event-reminder-chip {
  background: #181818 !important;
  background-image: none !important;
  background-color: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_selected > div button,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_selected .task-event-reminder-chip button {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_hint {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-style: dashed !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_attendees_selected > div {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* ── 7) FOOTER LAYOUT — one non-sticky bar; never covers form ────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot.task-event-modal__foot,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot {
  position: relative !important; /* kill sticky overlap */
  bottom: auto !important;
  top: auto !important;
  z-index: 5 !important;
  flex-shrink: 0 !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Unified action cluster (JS: .task-event-foot-actions) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-foot-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-left: auto !important;
  min-width: 0 !important;
}

/* Legacy split structure (pre-JS) — keep as one composition, not detached stack */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot--split {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot--split .task-event-foot-row {
  display: contents !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot--split .task-event-btn-complete {
  width: auto !important;
  order: 2 !important;
  flex: 0 1 auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot--split #__te_cancel {
  order: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot--split #__te_save {
  order: 3 !important;
  margin-left: 0 !important;
}

/* Cancel — muted */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_cancel.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_cancel.btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_cancel.btn:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Save — nord primary (NOT gold; rail Edit stays sole gold) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.task-event-foot-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_save.btn {
  background: #181818 !important;
  background-image: none !important;
  background-color: #181818 !important;
  border: 1px solid rgba(129, 161, 193, 0.55) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn.primary:hover {
  background: #2a2a2a !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Save & mark complete — secondary nord text (not loud green) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-btn-complete,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot .btn.task-event-btn-complete,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save_complete.btn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  filter: none !important;
  min-height: 40px !important;
  width: auto !important;
  justify-content: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-btn-complete:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save_complete.btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-btn-complete__icon {
  background: rgba(129, 161, 193, 0.18) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Scheduling anchor / load buttons inside modal — nord quiet, not navy/gold */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .btn.primary:not(#__te_save):not(#__te_save_complete),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_sched_load_slots.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_sched_anchor_today.btn {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .btn.small:not(.primary) {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* ── 8) Second-pass safety — kill leftover pastel / white inline chrome ──── */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#f0f9ff"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#e0f2fe"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#eff6ff"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#dbeafe"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#ecfdf5"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#f0fdf4"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#dcfce7"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#fef3c7"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#fde68a"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#fffbeb"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#f8fafc"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#f9fafb"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="#fafafa"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="background: white"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="background:white"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="background: #fff"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop [style*="background:#fff"] {
  background: transparent !important;
  background-image: none !important;
}

/* Re-assert charcoal fills after blanket transparent kill */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_row.task-event-field--reminders,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn {
  background: #181818 !important;
  background-color: #181818 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead.task-event-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalBody,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v47 — Contact Email tab: soft right gutter (Send email / Reply / Close X)
   Same flush-padding bug as Relationships v45: v43 head used padding 4px 0
   and head-actions only 2px right, so Send email + conversation × sat on the
   shell edge. Keep v43 nord CTAs, list rows, charcoal panes — gutter only.
   Scope: #detailPanel Email tab. Do not regress Edit Task v46 / Relationships
   v45 / Overview v44 / Email polish v43.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Outer panel — ~16px soft right gutter; contain overflow (one layer) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-email-section {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 16px !important;
  overflow-x: hidden !important;
}

/* Nested child mount only — no second gutter (section may itself be .td-record-email) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email > .td-record-email:not(.contact-email-section),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] > .td-record-email:not(.contact-email-section),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-email-section > .td-record-email {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

/* Same-element mount (.contact-email-section.td-record-email) — keep the 16px gutter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-email-section.td-record-email {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 16px !important;
  overflow-x: hidden !important;
}

/* Header — room for Send email / Open Inbox (undo flush 4px 0) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-email-section .td-record-email__head {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 4px 14px 10px 0 !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__head-copy,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__head-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__head-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__head-actions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
  padding-right: 2px !important;
  max-width: none !important;
  min-width: max-content !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__send-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__inbox-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__send-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__inbox-btn {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

/* Split / list / conversation — stay inside gutter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__split,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__list-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__list-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__list {
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-col {
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Conversation toolbar — Close × fully inside (~14–16px right) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-toolbar {
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 8px 16px 8px 12px !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__conv-close,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__conv-close {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-right: 0 !important;
}

/* Reply / thread actions — stay inside pane */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-reply-footer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-reply-footer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-actions {
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-reply-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-reply-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel[data-contact-detail-tab="email"] .td-record-email__thread-btn {
  flex-shrink: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v48 — People + Companies main list grids (Cursor Dark / better-than-Attio)
   Scope: contacts list-only — `.contact-list-only` / `[data-view="contacts"]`
   without detail. People + Companies share the same grid shell.
   Grid-first: flush canvas, list rows (not card chrome), quiet company chips,
   muted snug headers, nord CTAs (no purple AI, no gold Create). Soft right
   gutter for MORE COLUMNS. Second-pass flatten baked in.
   Do NOT regress contact-detail polish (v28–v47).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shared list-only scope aliases (People + Companies) */
/* Use: .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
        .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) */

/* ── 1) Canvas + grid surface — flush #141414, soft #181818/#1e1e1e ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .content {
  background: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-wrap--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-wrap--spreadsheet {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Soft grid surface — not a floating white/card sheet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll--spreadsheet {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* Soft right gutter so MORE COLUMNS / last cols aren't clipped */
  padding: 8px 16px 12px 10px !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet {
  --ss-canvas: #181818;
  --ss-surface: #181818;
  --ss-header-bg: #1e1e1e;
  --ss-border: rgba(240, 240, 240, 0.07);
  --ss-border-header: rgba(240, 240, 240, 0.08);
  --ss-hover-bg: #2a2a2a;
  --ss-selected-bg: #2a2a2a;
  --ss-header-text: #909090;
  --ss-header-shadow: none;
  --text-primary: #f0f0f0;
  --text-secondary: #b0b0b0;
  --text-tertiary: #909090;
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important; /* flatten: kill card frame */
  color: #f0f0f0 !important;
}

/* Non-spreadsheet / list-workspace table parity (same list shell) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table:not(.contact-list-table--spreadsheet),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table:not(.contact-list-table--spreadsheet),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-table {
  background: #181818 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ── 2) Headers — muted, snug; no tall empty bands / heavy shadow ────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-th-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-th-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-th[data-sort-key="name"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-th[data-sort-key="name"] {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-right-color: rgba(240, 240, 240, 0.07) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet .contact-list-th-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet .contact-list-th-inner {
  padding: 6px 8px !important;
  min-height: 0 !important;
  gap: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet .contact-list-th-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet .contact-list-th-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th[data-sort-key]:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th[data-sort-key]:hover {
  background: #242424 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* ── 3) List rows — spreadsheet rows, soft dividers, hover #2a2a2a ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-email-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-email-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-phone-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-phone-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-owner-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-owner-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-company-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-company-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-spreadsheet-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-spreadsheet-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td[class*="contact-virtual-col-cell"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td[class*="contact-virtual-col-cell"] {
  background: #181818 !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-right-color: rgba(240, 240, 240, 0.06) !important;
  border-bottom-color: rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell a {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td > span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td > span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-virtual-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-virtual-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-cell-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-cell-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-cell-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-cell-empty {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Frozen lead cells — opaque base matching surface */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-name-cell {
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Hover / selected — list row wash, not card lift */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:focus-within:not(.selected) > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:focus-within:not(.selected) > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:hover > td {
  background: #2a2a2a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row.selected > td {
  background: #2a2a2a !important;
  background-image: none !important;
}

/* Soften zebra — avoid alternating card bands */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:nth-child(even):not(.selected):not(:hover):not(:focus-within) > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:nth-child(even):not(.selected):not(:hover):not(:focus-within) > td {
  background: #181818 !important;
}

/* Kill deal-surface glass card wash on list rows */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface > td {
  background: #181818 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface:hover > td {
  background: #2a2a2a !important;
}

/* ── 4) Company / primary pills — quiet chips, not loud filled cards ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill {
  background: rgba(240, 240, 240, 0.05) !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  min-height: 0 !important;
  padding: 2px 7px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Status / activity badges — quiet, not gadget cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-stale-badge {
  background: rgba(240, 240, 240, 0.05) !important;
  color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Spreadsheet activity column — flat text, not pill chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table--spreadsheet .contact-status-cell .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table--spreadsheet .contact-status-cell .contact-status-pill {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #b0b0b0 !important;
}

/* Virtual link chips — quiet nord, no glass card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-virtual-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-virtual-link {
  background: rgba(240, 240, 240, 0.04) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── 5) MORE COLUMNS / add-col / Export — nord quiet + soft right gutter ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue {
  right: 14px !important;
  top: 10px !important;
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__chevron {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--right {
  background: linear-gradient(270deg, rgba(24, 24, 24, 0.98), rgba(24, 24, 24, 0.55) 50%, transparent) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--left {
  background: linear-gradient(90deg, rgba(24, 24, 24, 0.98), rgba(24, 24, 24, 0.55) 50%, transparent) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-add-col-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-add-col-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  border: 1px dashed rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-add-col-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-add-col-btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .contact-spreadsheet-export-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

/* ── 6) Toolbar light pass — kill purple AI; nord Create / Quick Add ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge {
  background: rgba(136, 192, 208, 0.16) !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge__label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
}

/* + Create New — nord soft fill (NOT gold; list primary ≠ detail Edit) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #e8eef4 !important;
  -webkit-text-fill-color: #e8eef4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(136, 192, 208, 0.24) !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Quick Add — nord outline/text secondary */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Density toggle — already mostly quiet; reinforce list-only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* ASK edge tab on list — quieter (demote noise) */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  box-shadow: none !important;
  opacity: 0.85;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab {
  color: #b0b0b0 !important;
  opacity: 1;
  border-color: rgba(129, 161, 193, 0.28) !important;
}

/* ── 7) Second-pass flatten — re-audit card-stack leftovers ──────────────── */
/* Kill any remaining inset/shadow/radius on grid chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-wrap--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-wrap--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll--spreadsheet {
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Soft outer gutter only — no double-framed folder card around the grid */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Next-task pills in grid — chip, not mini-card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-next-task-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-next-task-pill {
  background: rgba(240, 240, 240, 0.04) !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

/* Deal pills in list columns — quiet chip if present */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-deal-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-deal-pill {
  background: rgba(240, 240, 240, 0.04) !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-deal-pill::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-deal-pill::before {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v49 — Top-nav notification bell (Cursor Dark nord)
   Replace urgent-orange warning-600 (#d97706) on #activityFeedBtn bell with
   nord frost #81A1C1 / hover #88C0D0. Unread badge → same nord (was #ef4444).
   Scope: global app header under html[data-theme="dark"] only.
   Do not touch avatar / JO initials. Do NOT regress People grid v48.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Bell icon — kill .activity-feed-toggle svg { color: var(--warning-600) } */
html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle,
html[data-theme="dark"] #activityFeedBtn.header-icon-btn.activity-feed-toggle {
  color: #81a1c1 !important;
}

html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle svg,
html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle svg path {
  color: #81a1c1 !important;
  stroke: #81a1c1 !important;
  fill: none !important;
}

html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle:hover:not(:disabled),
html[data-theme="dark"] #activityFeedBtn.header-icon-btn.activity-feed-toggle:hover:not(:disabled) {
  color: #88c0d0 !important;
}

html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle:hover:not(:disabled) svg,
html[data-theme="dark"] #activityFeedBtn.activity-feed-toggle:hover:not(:disabled) svg path {
  color: #88c0d0 !important;
  stroke: #88c0d0 !important;
}

/* Unread count badge — nord solid (not red/orange) */
html[data-theme="dark"] #activityFeedBtn #notificationBadge.header-notification-badge,
html[data-theme="dark"] #notificationBadge.header-notification-badge {
  background: #81a1c1 !important;
  background-image: none !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  border: none !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v50 — Contact Overview tab: final Attio craft pass (beyond v35–v44)
   Scope: #detailPanel .contact-detail-tab-panel--overview only.
   Kill remaining dashboard wall: KPI L/R craft + zero-secondary mute;
   Client Room readable single separator; intelligence = relationship +
   Best Next Action + Active Deals sparse row + quiet More (not accordion
   wall); Quick Notes / Sequences / activity density; nord Active (no green);
   right gutters; ASK demoted. One gold = rail Edit. Do not regress
   People/Companies grid v48, bell v49, Email/Activity/Relationships/Deals.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Soft right gutters — Ask / Refresh / + never clip ────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-left: 14px !important;
  padding-right: 16px !important;
  overflow-x: clip !important;
}

/* ── 1) KPI strip — breathe, soft hairlines, consistent type, L/R values ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero--contact-command {
  gap: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  margin: 0 0 4px !important;
  padding: 2px 0 10px !important;
  min-height: 58px !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--next-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell--revenue-attention,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-card-shell {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  max-height: none !important;
  padding: 6px 10px !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-top: none !important;
  margin-top: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-card-shell:last-child {
  padding-right: 14px !important; /* room for hover + */
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
/* L/R value row (reaffirm v38) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-divider {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--open .crm-overview-hero__deals-split-v--text {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-align: left !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed {
  margin-left: auto !important;
  justify-content: flex-end !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed .crm-overview-hero__deals-split-v--text {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-align: right !important;
}
/* Hide empty / dash / zero-noise secondaries */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed:has(.crm-overview-hero__status-value--empty),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__deals-split-item--closed:has(.crm-overview-hero__status-value--empty *),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta:empty {
  display: none !important;
}
/* Soft status hint under values — one muted line */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-meta {
  font-size: 11px !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ── 2) Client Room — readable opacity, Create nord, X quiet, ONE separator ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip {
  opacity: 0.82 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 8px !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip .contact-portal-hero-strip--promo,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip--promo {
  opacity: 1 !important; /* parent owns opacity */
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__room-strip:focus-within {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__copy,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview button.btn.small.primary.contact-portal-hero-strip__btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  font-size: 12.5px !important;
  padding: 2px 0 !important;
  min-height: 0 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__dismiss {
  opacity: 0.35 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 2px 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-portal-hero-strip__dismiss:hover {
  opacity: 0.85 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__actions--action-deck {
  border-top: none !important;
}

/* ── 3) Intelligence rest-state — editorial + Active Deals + quiet More ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence--overview-sparse {
  margin: 2px 0 6px !important;
  padding: 6px 0 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__top-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 0 4px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important; /* single separator under Best Next */
  grid-template-columns: none !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__main > .contact-intelligence__section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-body > .contact-intelligence__section {
  border-top: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-count="0"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[hidden] {
  display: none !important;
}
/* Active Deals — one sparse row (name · $ · stage) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] {
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section[data-contact-intelligence-section="activeDeals"] summary {
  padding: 4px 0 2px !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  letter-spacing: 0.02em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__rows--deals button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 4px 0 6px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-row strong {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__deal-meta {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
/* Quiet "More" — not an accordion wall */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-wrap {
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-wrap[hidden] {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview details.contact-intelligence__more-wrap > summary {
  list-style: none !important;
  cursor: pointer !important;
  padding: 4px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: none !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-summary::-webkit-details-marker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview details.contact-intelligence__more-wrap > summary::-webkit-details-marker {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-summary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview details.contact-intelligence__more-wrap > summary:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-body {
  padding: 2px 0 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__more-body .contact-intelligence__section:not([open]) summary {
  padding: 5px 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}

/* Kill green Active anywhere on Overview (sequences + stray badges) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview [class*="status"].is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .badge.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-active-sequence-indicator {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.34) !important;
  border-radius: 3px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__status.is-active {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

/* ── 4) Quick Notes — compressed composer, Save nord, readable activity ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes {
  padding-top: 4px !important;
  margin-top: 0 !important;
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-right .crm-contact-overview-notes .overview-note-composer {
  margin: 2px 0 4px !important;
  padding: 2px 0 4px !important;
  border: none !important;
  border-radius: 0 !important;
  background: #141414 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer textarea.textarea {
  min-height: 64px !important;
  max-height: 110px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  border-radius: 0 !important;
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  resize: vertical !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer button.btn.primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  font-size: 12.5px !important;
  min-height: 0 !important;
  padding: 2px 2px !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer-actions .btn.primary:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .activityItem {
  min-height: 44px !important;
  padding: 10px 0 !important;
  gap: 8px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem .activityMeta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .activityItem .activityTime,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes .activityItem .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes .activityItem .mm-timeline-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  opacity: 1 !important;
}

/* ── 5) Sequences — list rows, nord Active, hover actions, ~2–3 row cap ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview {
  padding: 4px 0 6px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__title {
  font-size: 12px !important;
  font-weight: 550 !important;
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__list {
  max-height: calc(36px * 2.85) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  gap: 0 !important;
  mask-image: linear-gradient(to bottom, #000 70%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item {
  align-items: center !important;
  padding: 6px 0 !important;
  min-height: 32px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.04) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__name {
  font-size: 12.5px !important;
  font-weight: 550 !important;
  color: #e8e8e8 !important;
  -webkit-text-fill-color: #e8e8e8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__meta {
  font-size: 11px !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__actions {
  opacity: 0 !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:hover .contact-sequence-overview__actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-sequence-overview__item:focus-within .contact-sequence-overview__actions {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* ── 6) ASK demoted at rest on contact detail / overview ─────────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.32 !important;
  transition: opacity 0.14s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.9 !important;
}

/* ── 7) Flatten leftovers — kill stacked borders / card chrome on overview ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-playbook,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-stack > * {
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__header-actions button:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v51 — People (contacts) main list page chrome (Cursor Dark / better-than-Attio)
   Grid already landed in v48. This finishes the whole list surface: toolbar,
   search + nord AI, CTAs, view tabs, next-action filters, density/layout,
   pagination meta, ASK demote, plus grid reinforce + required flatten pass.
   Scope: list-only — `.contact-list-only` / `[data-view="contacts"]:not(.contact-detail-visible)`.
   People + Companies share this list shell (OK). Do NOT regress contact-detail
   (v28–v47, v50) or non-contacts hubs.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) One composition — flush #141414; kill card-stack toolbar chrome ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-bar.filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-bar.filter-bar-main {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.list-workspace-context-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.list-workspace-context-rail {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
}

/* ── 2) Search — dark input, soft border; nord AI chip (no purple) ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput::placeholder {
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput:focus {
  border-color: rgba(129, 161, 193, 0.4) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* AI chip — kill purple/indigo gradient from styles-gmail */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge {
  background: rgba(136, 192, 208, 0.16) !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge__label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
}

/* AI search result chips under search (if present) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .ai-search-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .ai-search-chip {
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .ai-search-chips-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .ai-search-chips-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .ai-search-match-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .ai-search-match-count {
  color: #909090 !important;
}

/* ── 3) CTAs — Create / Quick Add nord; Export / More columns quiet text ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #e8eef4 !important;
  -webkit-text-fill-color: #e8eef4 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(136, 192, 208, 0.22) !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
}

/* View settings / list options — quiet, not beveled card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn.actions-dropdown-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn.actions-dropdown-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* Export CSV — nord quiet text (no filled chip) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  padding: 4px 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  background: transparent !important;
}

/* MORE COLUMNS cue — quiet nord text feel */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta__columns-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta__columns-hint {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
}

/* ── 4) View tabs — sparse underline / nord active (not pill-card cluster) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after {
  background: #81a1c1 !important;
  height: 2px !important;
  border-radius: 1px !important;
  bottom: 0 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-count {
  background: transparent !important;
  border: none !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-count {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  opacity: 0.75 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-btn {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  box-shadow: none !important;
}

/* ── 5) Next-action filters — quiet dots + muted labels (not candy strip) ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-help,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-help,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-sep,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-sep {
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-item.list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-item.list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 2px 4px !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip:hover {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
/* Active = soft nord underline wash, not candy fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip.list-workspace-context-chip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip.list-workspace-context-chip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip[data-priority].list-workspace-context-chip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip[data-priority].list-workspace-context-chip--active {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #e8e8e8 !important;
  -webkit-text-fill-color: #e8e8e8 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-chip-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-chip-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-dot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-dot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip__dot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip__dot {
  width: 7px !important;
  height: 7px !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-timing-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-timing-help-btn {
  background: transparent !important;
  border: none !important;
  color: #6a6a6a !important;
  opacity: 0.55 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-timing-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-timing-help-btn:hover {
  opacity: 1 !important;
  color: #909090 !important;
}

/* ── 6) Density / view icons — quiet nord active states ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-list-layout-toggle {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn {
  background: transparent !important;
  border: none !important;
  color: #6a6a6a !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn[aria-pressed="true"] {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn {
  background: transparent !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ── 7) Grid reinforce — soft rows, quiet chips, soft right gutter ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll--spreadsheet {
  background: #181818 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-right: 18px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet {
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill {
  background: rgba(240, 240, 240, 0.05) !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td {
  color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* ── 8) Pagination / “Showing 1–100…” — muted meta ───────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-meta-row.contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-meta-row.contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .contact-list-pager {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-meta-row .muted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-meta-row .muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-meta strong,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-meta strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .contact-list-pager-controls-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .contact-list-pager-controls-row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .contact-list-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .contact-list-pager .btn.small {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .list-workspace-pager .btn.small:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .list-workspace-pager .btn.small:hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* ── 9) ASK — demote at rest on list page (match detail quiet) ───────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.32 !important;
  transition: opacity 0.14s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.9 !important;
}

/* ── 10) Flatten pass — re-audit: still a busy CRM toolbar dashboard? ────── */
/* Kill stacked rounded workspace “folder” from contacts-refresh in dark list */
@media (min-width: 768px) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip {
    border-radius: 0 !important;
    background: #141414 !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs {
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    background: #141414 !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.priority-legend,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.priority-legend {
    border-radius: 0 !important;
    background: #141414 !important;
  }
}

/* Bulk bar idle — flush, no card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #bulkBarMount.list-workspace-bulk-mount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #bulkBarMount.list-workspace-bulk-mount {
  background: #141414 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Criteria summary / filter chips — quiet nord, not loud pills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-applied-tags .filter-applied-tag,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-applied-tags .filter-applied-tag {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* Timing popover — charcoal portal */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegendTimingPopover .priority-legend-timing-popover__inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegendTimingPopover .priority-legend-timing-popover__inner {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #e6e6e6 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   People / Companies — "+ Add Tab" / Add view tab flyout (portaled to body)
   Hardcoded white panel in styles-gmail.css left light text on white in dark.
   Scope: #gmailTabAddFlyout only (list tab strip). Does not touch contact detail.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Add-zone fade (light slate gradient) → dark canvas blend */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tab-add-zone::before {
  background: linear-gradient(to right, rgba(20, 20, 20, 0), #141414 75%) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tabs-strip--hover .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tabs-strip--flyout-open .gmail-tab-add-zone {
  background: #181818 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tab-add-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tab-add-btn:focus-visible {
  color: #81a1c1 !important;
  background: rgba(129, 161, 193, 0.1) !important;
}

/* Portaled flyout shell — charcoal, soft shadow, no purple glow */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout.gmail-tab-add-flyout,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout.gmail-tab-add-flyout.td-list-options-glass {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  max-height: min(420px, calc(100vh - 120px)) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-head,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-list,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-foot {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-list {
  overflow-y: auto !important;
  max-height: min(280px, calc(100vh - 260px)) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(240, 240, 240, 0.18) transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-hint,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-section-label,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-empty,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-desc,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-meta,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-section + .gmail-tab-add-flyout-section {
  border-top-color: rgba(240, 240, 240, 0.08) !important;
}

/* Search — dark soft well; nord focus ring (not purple) */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-search {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  caret-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-search::placeholder {
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-search:focus,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-search:focus-visible {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}

/* Rows — readable names; quiet hover */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item:hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item.selected {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-icon {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-action {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item.is-pinned .gmail-tab-add-flyout-item-action {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* SYSTEM / PRIVATE / PUBLIC chips — quiet nord / muted (never purple pills) */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-badge {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-badge.system {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-badge.private,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item-badge.public {
  background: rgba(240, 240, 240, 0.05) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Footer — nord "Create new view…" */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-action,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout #gmailTabAddFlyoutCreate {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-action:hover,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout #gmailTabAddFlyoutCreate:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Quick win: kill white gradient behind grid pencil edit affordance */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--pencil-hot::after {
  background: linear-gradient(90deg, rgba(20, 20, 20, 0), rgba(20, 20, 20, 0.92) 42%) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v53 — People list: kill light-mode scroll/fade leftovers (better-than-Attio)
   Honest gap after v51/v52: bright white scrims still read on dark canvas —
   tab-bar fade after "By company", sticky/grid scroll fades, pencil cell wash
   + white circle behind edit affordance. Replace with charcoal #141414 scrims
   (or remove). Reinforce Add Tab charcoal + v51 sparse chrome. Company hover
   card: soft border, nord View Company, no white.
   Scope: contacts list-only (+ Companies share OK). No detail-pane regression.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Tab bar Add-zone — never light slate; charcoal at rest + hover ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tabs-strip--hover .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tabs-strip--flyout-open .gmail-tab-add-zone {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
/* Kill light #f1f5f9 → white edge fade; charcoal → transparent only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] .gmail-tab-add-zone::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-zone::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-zone::before {
  background: linear-gradient(to right, rgba(20, 20, 20, 0), #141414 70%) !important;
  background-image: linear-gradient(to right, rgba(20, 20, 20, 0), #141414 70%) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
/* Prefer no fade artifact at all when tabs aren't overflowing into add zone */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip:not(.gmail-tabs-strip--hover):not(.gmail-tabs-strip--flyout-open) .gmail-tab-add-zone::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip:not(.gmail-tabs-strip--hover):not(.gmail-tabs-strip--flyout-open) .gmail-tab-add-zone::before {
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* Reinforce Add Tab flyout charcoal (portaled) if concurrent pass raced */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout.gmail-tab-add-flyout,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout.gmail-tab-add-flyout.td-list-options-glass {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* ── 2) Grid scroll / sticky fades — remove (Attio has no white edge washes) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-fade,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-fade--left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome--overflow .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome--overflow .list-workspace-scroll-fade--left,
html[data-theme="dark"] .list-workspace-scroll-fade--right,
html[data-theme="dark"] .list-workspace-scroll-fade--left {
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  pointer-events: none !important;
}

/* Sticky name freeze — dark edge shadow only (no light wash) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead thead th.contact-list-th[data-sort-key="name"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet.contact-list-table--freeze-lead tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--grid-resize thead th.contact-list-th[data-sort-key="name"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--grid-resize tbody td.contact-name-cell {
  box-shadow: 6px 0 14px -8px rgba(0, 0, 0, 0.55) !important;
}

/* ── 3) Pencil edit — kill white ::after wash + white circle entirely ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--pencil-hot::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable[data-spreadsheet-inline-editing="1"] tbody td.contact-spreadsheet-cell--can-edit:not(.contact-spreadsheet-cell--editing):hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable[data-spreadsheet-inline-editing="1"] tbody td.contact-spreadsheet-cell--pencil-hot:not(.contact-spreadsheet-cell--editing)::after {
  content: "" !important;
  background: linear-gradient(90deg, rgba(20, 20, 20, 0), #141414 48%) !important;
  background-image: linear-gradient(90deg, rgba(20, 20, 20, 0), #141414 48%) !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
/* Prefer removing the wash — dark pencil circle is enough */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--pencil-hot::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--pencil-hot::after {
  display: none !important;
  background: none !important;
  background-image: none !important;
  width: 0 !important;
  opacity: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance.is-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance:active {
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance:focus-visible {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-spreadsheet-edit-affordance svg * {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Cell hover — nord wash, never blue/white glass */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--can-edit:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table--spreadsheet-editable tbody td.contact-spreadsheet-cell--pencil-hot {
  background: rgba(129, 161, 193, 0.08) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(129, 161, 193, 0.22) !important;
}

/* ── 4) Company hover card — charcoal, soft border, nord View Company ────── */
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup.contact-list-entity-popup,
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup,
html[data-theme="dark"] body[data-theme="momentum"] .contact-list-entity-popup {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup .contact-list-popup-view,
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup button.contact-list-popup-view,
html[data-theme="dark"] body[data-theme="momentum"] .contact-list-entity-popup .contact-list-popup-view {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup .contact-list-popup-view:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-list-entity-popup .contact-list-popup-view:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup .contact-list-popup-close {
  color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup span[style*="background:var(--gray-100)"],
html[data-theme="dark"] body[data-theme="momentum"] #__contactListEntityPopup span[style*="background: var(--gray-100)"] {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
}

/* Company pill — kill inline inset white / purple glow leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-company-pill:focus-visible {
  background: rgba(240, 240, 240, 0.05) !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-company-pill:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #e8eef4 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
}

/* ── 5) Reinforce v51 — sparse tabs, nord Create/AI, quiet filters, soft rows, demoted ASK */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #e8eef4 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row {
  background: #181818 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:nth-child(even),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:nth-child(even) {
  background: #161616 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.32 !important;
}

/* Group headers (By company) — kill light indigo→white washes */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header-cell {
  background: #181818 !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* Catch-all: no white/near-white linear gradients on People list chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap [style*="linear-gradient"][style*="255"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap [style*="linear-gradient"][style*="255"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip [style*="linear-gradient"][style*="255"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip [style*="linear-gradient"][style*="255"] {
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v54 — People list: MORE COLUMNS vs Previous/Next collision (urgent)
   Cause: `.list-workspace-scroll-chrome` is `position:absolute; inset:0` on the
   list-workspace root (which also holds the meta/pager row). Cue at
   `top:10px; right:10px` lands on the same right slot as Previous | Next.
   Fix: chrome starts below meta (`--lw-chrome-top` / JS sync); meta row is a
   clear flex footer (left = Showing · More fields; right = pager); cue sits
   above grid header with soft right gutter; nord quiet text — not loud.
   Scope: contacts list-only (+ Companies share OK). Appended after v53 fades.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Meta / pager — one flex row; never absolute-stack with MORE COLUMNS */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row.contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row.contact-list-pager {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 14px !important;
  padding: 8px 18px 8px 14px !important; /* soft right gutter */
  margin: 0 !important;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row__start,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row__start {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-pager-controls-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-pager-controls-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  margin-left: auto !important;
  flex: 0 1 auto !important;
  position: relative !important;
  z-index: 2 !important;
  padding-right: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Chrome overlay starts below meta/pager (JS sets --lw-chrome-top; CSS fallback) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  top: var(--lw-chrome-top, 44px) !important;
  z-index: 4 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* MORE COLUMNS — above grid header right; nord quiet text; soft gutter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__chevron {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
}

/* Meta "More fields →" — quiet nord, sits with Showing… on the left */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta__columns-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta__columns-hint {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
  padding: 0 !important;
}

/* Previous / Next — nord quiet, not loud filled chips */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-pager .btn.small {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
}

/* Soft right gutter on grid so last cols / cue aren't clipped */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll--spreadsheet {
  padding-right: 18px !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v54 — ASK edge tab: nord secondary accent (readable, not invisible)
   After v31/v51 demotion (~0.32 charcoal-on-charcoal), tab blended away.
   Restore Actions-family frost: #81A1C1 at rest, #88C0D0 hover/open.
   Soft nord border; no gold, no purple, no loud fill. People list + detail.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shared scopes: People list-only + contact detail */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.8 !important;
  transition: opacity 0.14s ease !important;
  filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.35)) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
  opacity: 1 !important;
}

/* Hover / focus / drag — frost cyan, full opacity */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--dragging {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab:hover {
  background: #222a30 !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab__label {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  fill: #88c0d0 !important;
}

/* Open — full nord (frost cyan on quiet nord wash) */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #243038 !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab--active .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view.contact-detail-visible) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab__label {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  fill: #88c0d0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v55 — People/Companies list view tabs: Attio-soft bar (better-than-Attio)
   Honest before: v51 sparse underline left inactive at #909090 (too dim),
   active label often read as harsh nord/bright bold; counts washed to #6a6a6a
   / nord-tinted; little depth (flat strip). v53 killed white Add-zone fades
   but tab typography/contrast still below Attio.
   Target: soft primary active (#F0F0F0 / 600 + soft nord underline + whisper
   wash), readable inactive (#A8A8A8→#E0E0E0 hover), counts #909090/#B0B0B0,
   soft hairlines, quiet unpin, charcoal + zone. Scope list gmail tabs only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shared list-only scopes (People + Companies share contacts list chrome) */
/* Do NOT touch contact-detail tabs / #detailPanel. */

/* ── 1) Strip canvas — flush, no card chrome / drop shadows ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-scroll {
  background: #141414 !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* ── 2) Inactive tabs — readable #A8A8A8, not washed-out #909090 ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  font-weight: 500 !important;
  min-height: 36px !important;
  padding: 7px 14px !important;
  transition: color 0.14s ease, background 0.14s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:last-child {
  border-right: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab .gmail-tab-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab .gmail-tab-label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: inherit !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover {
  background: rgba(30, 30, 30, 0.55) !important;
  background-image: none !important;
  color: #e0e0e0 !important;
  -webkit-text-fill-color: #e0e0e0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover .gmail-tab-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover .gmail-tab-label {
  color: #e0e0e0 !important;
  -webkit-text-fill-color: #e0e0e0 !important;
}

/* ── 3) Active — soft primary #F0F0F0 / 600, nord underline, whisper wash ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  border-radius: 6px 6px 0 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Soft nord underline — indicator only; label stays soft primary (not nord fill) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after {
  content: "" !important;
  background: #81a1c1 !important;
  background-image: none !important;
  height: 2px !important;
  border-radius: 1px !important;
  bottom: 0 !important;
  left: 10px !important;
  right: 10px !important;
  opacity: 0.92 !important;
  box-shadow: none !important;
}

/* ── 4) Counts — #909090 inactive / #B0B0B0 active; no pill chrome ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs .gmail-tab .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs .gmail-tab .gmail-tab-count {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs .gmail-tab.active .gmail-tab-count {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover .gmail-tab-count {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

/* Icons inside tabs — follow label hierarchy */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab .gmail-tab-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab .gmail-tab-icon {
  color: inherit !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-icon {
  color: #f0f0f0 !important;
  opacity: 0.9 !important;
}

/* ── 5) Unpin / close on custom view tabs — quiet until hover ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.gmail-tab--view.active .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.gmail-tab--view.active .gmail-tab-unpin {
  opacity: 0 !important;
  color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.gmail-tab--view:hover .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.gmail-tab--view:hover .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.gmail-tab--view:focus-within .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.gmail-tab--view:focus-within .gmail-tab-unpin {
  opacity: 0.85 !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-unpin:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-unpin:hover {
  opacity: 1 !important;
  background: #2a2a2a !important;
  color: #e0e0e0 !important;
  box-shadow: none !important;
}

/* View tabs: tab padding shorthand above collapses right inset to 14px and
   pins the × against the count. Reserve room for count → gap → unpin. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.gmail-tab--view,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.gmail-tab--view {
  padding-right: 40px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.gmail-tab--view .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.gmail-tab--view .gmail-tab-count {
  margin-right: 2px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-unpin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-unpin {
  right: 6px !important;
}

/* ── 6) + Add tab zone — charcoal; reinforce no white scroll fades ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip--hover .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip--hover .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip--flyout-open .gmail-tab-add-zone,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip--flyout-open .gmail-tab-add-zone {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-zone::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-zone::before {
  background: linear-gradient(to right, rgba(20, 20, 20, 0), #141414 72%) !important;
  background-image: linear-gradient(to right, rgba(20, 20, 20, 0), #141414 72%) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Prefer invisible fade when strip isn't hovered / overflowing into + zone */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip:not(.gmail-tabs-strip--hover):not(.gmail-tabs-strip--flyout-open) .gmail-tab-add-zone::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip:not(.gmail-tabs-strip--hover):not(.gmail-tabs-strip--flyout-open) .gmail-tab-add-zone::before {
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-btn {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-add-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-add-btn:focus-visible {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Dirty dot — quiet, not loud */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-dirty-dot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-dirty-dot {
  background: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v56 — Soft primary text #F0F0F0 (eye comfort) — just a touch, not muddy
   Replace harsh #fff / #ffffff bold primaries on People list + contact tabs.
   Titles #F0F0F0; meta stays #909090–#B0B0B0; Edit gold untouched; no blanket *.
   After v55 People view tabs polish (active already #F0F0F0 / 600 — reinforce).
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view {
  --td-cursor-primary-text: #f0f0f0;
}

/* ── 1) People list — name column (was bold near-white / #f1f5f9) ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-name-cell .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-name-cell .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-name-cell a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td.contact-name-cell a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-table .pipe-list-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table .pipe-list-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* ── 2) Contact detail header name — kill pure #ffffff ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader .contactName,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-new .contactName,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .contact-detail-name-heading .contactName,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detailHeader.contact-detail-header-new .detail-header-entity-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* ── 3) Tab primary titles / KPI values / list row titles ────────────────── */
/* Section titles */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .related-section-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .related-section-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* KPI / hero primary values — soft primary; weight 600 not 700 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-overview-hero__status--dense .crm-overview-hero__status-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Preserve risk KPI accent */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-summary-card.is-risk .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-summary-card.is-risk .contact-deals-summary-v,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .contact-deals-summary-card.is-risk .contact-deals-summary-v {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* List row titles — deals / tasks / relationships / activity / docs / email */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deal-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tasks-section .mm-task-main > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection .mm-rel-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .relationshipsSection[data-mm-rel-tab="true"] .mm-rel-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-documents-workspace .mm-doc-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .attachmentsSection .mm-doc-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__thread-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-inbox__thread-subject,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--email .td-record-email__title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-intelligence__section summary {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Primary activity titles — keep hierarchy; system meta stays muted below */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item[data-mm-primary="true"] .mm-timeline-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--activity .activityItem.contact-activity-item[data-mm-system="true"] .mm-timeline-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 400 !important;
}

/* Details field values (primary) — not labels/meta */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .detailRow .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--details .detailRow .inline-input:not([readonly]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .detailRow .value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ── 4) People view tabs active label — reinforce v55 soft primary (not #fff) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-icon {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}
/* Contact detail section tabs keep nord active accent (not pure white). Edit gold untouched. */

/* ═══════════════════════════════════════════════════════════════════════════
   v57 — People list neutral-charcoal hard pass (better-than-Attio)
   Toolbar first: no cyan glow, indigo AI tile, or harsh white CTAs. Then the
   full list shell: neutral surfaces/hairlines; nord only for intentional
   actions, active indicators, ASK, and links. List-only; detail Edit untouched.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Search + actions toolbar — one flat #141414 composition. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-bar-main {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input:focus {
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

/* AI is nord text/icon only — never a purple/indigo square or glow. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Funnel: muted at rest, nord on hover/active, never cyan glow. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn) {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).filtered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).filtered {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* View Settings/info remain neutral and quiet. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Quick Add = nord outline. Create New = only slightly stronger. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn {
  background: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn:hover:not(:disabled) {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.18) !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 600 !important;
}

/* Full People shell: charcoal surfaces, neutral hairlines, no navy wash. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

/* v55 tab hierarchy reinforced; nord is underline, not panel tint. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover {
  background: #1e1e1e !important;
  color: #e0e0e0 !important;
  -webkit-text-fill-color: #e0e0e0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after {
  background: #81a1c1 !important;
  box-shadow: none !important;
}

/* Grid/header/rows and selected state stay neutral. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-group-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-group-header {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.07) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table tbody td {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-list-table tbody tr.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-list-table tbody tr.selected > td {
  background: #2a2a2a !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-name-text {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Quiet chips/pencil: neutral wash, nord affordance only. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-status-pill {
  background: rgba(240, 240, 240, 0.05) !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-spreadsheet-cell--can-edit:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-spreadsheet-cell--can-edit:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Density/layout: neutral controls; nord is an active indicator only. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin {
  color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin.contact-layout-btn--active {
  color: #81a1c1 !important;
  background: #1e1e1e !important;
}

/* Preserve v54 pagination layout; make Export/meta neutral. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn {
  background: transparent !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn:hover {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Add Tab flyout: charcoal selected row, nord action only. */
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout.gmail-tab-add-flyout,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-head,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-list,
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-foot {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #gmailTabAddFlyout .gmail-tab-add-flyout-item.selected {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* ASK remains visible nord while its surface stays neutral charcoal. */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v58 — People list Quick Add + Create New CTA recipes (better-than-Attio)
   After v57 hard pass: Quick Add was still too invisible (neutral hairline);
   Create still risked cool brick / white label bleed from gmail beveled navy.
   Hierarchy: Create stronger (soft nord fill); Quick Add readable nord outline.
   Same height / weight 600. No gold, purple, cyan filter. List-only contacts.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shared: same control height + weight; kill bevel / glow / filter bleed */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  height: var(--list-toolbar-control-h, 40px) !important;
  min-height: var(--list-toolbar-control-h, 40px) !important;
  box-sizing: border-box !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  background-image: none !important;
}

/* ── Quick Add — nord outline/text; readable, not disappearing ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
}

/* ── Create New — soft nord fill; kill cool #23282f / navy brick + pure white ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar svg {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

/* Labels inherit CTA color — never pure #fff / white brick labels */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v59 — People toolbar final flatten: neutral physical chrome, nord signal
   Appended after concurrent v58 CTA recipes. Keep its hierarchy, replace
   accent-colored borders/washes with neutral hairlines except Create's allowed
   soft nord fill. Also neutralize funnel badge/SVG and search wrapper residue.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn svg *,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn svg * {
  color: inherit !important;
  stroke: currentColor !important;
  filter: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn .filter-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn .filter-badge {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick:hover:not(:disabled) {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.18) !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v60 — People/Companies row "…" Actions menu (portaled) — better-than-Attio
   Kill pure-white momentum popover + navy bold items; charcoal #1e1e1e panel.
   Trigger: readable #B0B0B0 … ; soft nord focus (not loud cyan/indigo).
   After v59 CTAs — do not overwrite toolbar / CTA recipes.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Portaled menu panel (appended to body — no .app-shell ancestor) ───── */
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover,
html[data-theme="dark"] body[data-theme="momentum"] > .contact-row-quick-menu-popover {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 11px !important;
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(240, 240, 240, 0.04) !important;
  color: #f0f0f0 !important;
  color-scheme: dark !important;
  padding: 6px !important;
}

/* ── 2) Menu items — soft primary, not heavy navy bold ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] > .contact-row-quick-menu-popover .contact-row-quick-menu-item {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] > .contact-row-quick-menu-popover .contact-row-quick-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] > .contact-row-quick-menu-popover .contact-row-quick-menu-item:focus-visible {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item-label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 500 !important;
}

/* Icons — muted → nord on row hover (no purple/indigo/gold) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item-icon,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item-icon .contact-ui-icon,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item-icon svg {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  stroke: currentColor !important;
  fill: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:hover .contact-row-quick-menu-item-icon,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:hover .contact-row-quick-menu-item-icon .contact-ui-icon,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:hover .contact-row-quick-menu-item-icon svg,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:focus-visible .contact-row-quick-menu-item-icon,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-item:focus-visible .contact-row-quick-menu-item-icon svg {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  stroke: currentColor !important;
}

/* Soft separator + muted Close menu */
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-footer {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  margin-top: 4px !important;
  padding-top: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-close-btn {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-row-quick-menu-popover .contact-row-quick-menu-close-btn:focus-visible {
  background: #2a2a2a !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── 3) Row "…" trigger — readable at rest; nord hover/open; soft focus ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-list-th-actions-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn__glyph {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn__glyph svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn__glyph .contact-ui-icon {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Kill dark-contacts hover bug (glyph #2a2a2a on #2e2e2e) + momentum purple */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:hover .contact-row-quick-action-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus .contact-row-quick-action-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus-visible .contact-row-quick-action-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn[aria-expanded="true"] .contact-row-quick-action-btn__glyph {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Soft nord focus ring — thin, not thick cyan/indigo glow */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus-visible .contact-row-quick-action-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus .contact-row-quick-action-btn__glyph {
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(129, 161, 193, 0.45) !important;
}

/* Open while portaled menu exists — keep trigger nord (focus may leave) */
html[data-theme="dark"] body[data-theme="momentum"]:has(> .contact-row-quick-menu-popover) .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus .contact-row-quick-action-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"]:has(.contact-row-quick-menu-popover) .app-shell.contacts-v2-view .contact-row-quick-action-btn:focus .contact-row-quick-action-btn__glyph {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: #2a2a2a !important;
  box-shadow: 0 0 0 1px rgba(129, 161, 193, 0.45) !important;
}

/* ── 4) "Actions" tooltip — charcoal + #F0F0F0 (custom; native title stays a11y fallback) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn {
  position: relative !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn[title]:hover::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view .contact-row-quick-action-btn[title]:focus-visible::after {
  content: attr(title);
  position: absolute;
  z-index: 500001;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 5px 8px;
  border-radius: 8px;
  background: #1e1e1e;
  color: #f0f0f0;
  border: 1px solid rgba(240, 240, 240, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}

/* Contact detail kebab — same quiet focus ring language in dark */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .td-contact-header-kebab-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .td-contact-header-kebab-btn:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(129, 161, 193, 0.45) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v61 — People list: kill navy/indigo/cyan chrome washes (Cursor Dark)
   Evidence: search glow, electric-blue All underline, solid blue AI brick,
   left gutters, blue-tinted horizontal bands, navy pane beside ASK.
   Root: --td-kanban-* / --td-contacts-pane-* still ship #121a26/#141c28 and
   --td-contacts-pane-accent-list:#2563eb; ASK still uses #243038/#222a30/
   #121a26/#1a1f2e. Remap tokens + force charcoal surfaces. Nord accents only
   on intentional indicators (tab hairline, AI soft fill, ASK icon/label).
   Scope: People/Companies list shell + ASK chrome while that page is open.
   Do NOT remapping global deals-board shell tokens (scoped to contacts).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Token remap — flat charcoal; accent list no longer electric blue ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"].contacts-v2-view,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"] {
  --td-contacts-pane-accent-list: transparent;
  --td-contacts-pane-accent-detail: #81a1c1;
  --td-contacts-pane-accent: transparent;
  --td-contacts-pane-surface: #141414;
  --td-contacts-pane-radius: 0px;
  --td-contacts-pane-shadow: none;
  --td-kanban-board-shell-bg: #141414;
  --td-kanban-canvas: #141414;
  --td-kanban-pipeline-shell: #141414;
  --td-kanban-col-border: rgba(240, 240, 240, 0.07);
  --td-kanban-col-shadow: none;
  --td-kanban-col-surface: #181818;
  --td-kanban-chrome-surface: #141414;
  --td-kanban-chrome-border: rgba(240, 240, 240, 0.06);
  --td-kanban-chrome-shadow: none;
}

/* ── 2) Shell / gutters / bands — every layer flush #141414 ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="contacts"].contacts-v2-view.filters-visible.contact-list-only > .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].filters-visible.contact-list-only > .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .search-input-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .search-input-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #bulkBarMount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #bulkBarMount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/*
 * CRITICAL: `.list-workspace-scroll-chrome` is position:absolute over the grid
 * (v54: below meta, z-index 4–6, pointer-events:none). It must stay TRANSPARENT —
 * only fades/cues live inside. Painting #141414 here (v61 mistake) blanks all rows
 * while the meta "Showing 1–N" row (z-index 8) still shows.
 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  opacity: 1 !important; /* keep cue children controllable; do not hide chrome */
  visibility: visible !important;
}

/* Soft hairline separators only — never blue-tinted strips */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row {
  border-top-color: rgba(240, 240, 240, 0.06) !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

/* Frozen lead / checkbox gutter — match row charcoal (no navy strip) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-list-check-td {
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-right-color: rgba(240, 240, 240, 0.06) !important;
}

/* ── 3) Active "All" tab — thin nord hairline (not electric blue / --primary-500) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-container .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-container .gmail-tab.active::after {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  height: 2px !important;
  border-radius: 1px !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ── 4) AI search chip — soft nord fill on charcoal (never #3b82f6 / indigo brick) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn.filter-quick-search-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 999px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn:hover:not(:disabled) .td-ai-badge {
  background: rgba(136, 192, 208, 0.22) !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge__label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Kill AI-interpreted purple/indigo band under search if shown */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .ai-search-chips-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .ai-search-chips-wrap {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* ── 5) ASK rail — charcoal pane; nord icon/label only (kill #243038/#121a26) */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__track,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__track,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__thread,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__thread,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__composer,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__composer,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-panel,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-panel,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__grip,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__grip {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Shelf thread/composer — charcoal, not #121a26 navy wash */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__thread,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__thread {
  background: #181818 !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-shelf__composer,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-shelf__composer {
  background: #1e1e1e !important;
  background-image: none !important;
}

/* ── 6) Catch leftover blue-hue box-shadows / inset accent strips on list ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap {
  --td-contacts-pane-accent: transparent;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v62 — People list: kill thick rule between NEXT-ACTION legend and Showing…
   Cause (stacked, reads as one thick grey band):
     1) `#priorityLegend.list-workspace-context-rail` — `border-bottom: 1px`
        (v51 finish + base `.list-workspace-context-rail`; v61 recolored it)
     2) `#contactListWrap.list-workspace-shell--contacts` — `border-top: 1px`
        (styles-list-workspace media + contacts-refresh `#f1f5f9`; v61
        `border-color` can re-tint any residual width)
     Negative `margin-bottom` on the legend pulls the junction tighter so the
     two 1px rules visually merge into a thick band.
   Fix: remove both sides of the junction (prefer gone — spacing separates).
   Keep meta-row → table `border-bottom` as a single soft hairline only.
   Scope: contacts list-only (+ Companies share OK). After v61 blue-kill.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Legend / context rail — no bottom (or top) rule into the Showing row */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.list-workspace-context-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.list-workspace-context-rail {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* List shell — no top rule abutting the legend (kill double hairline) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell--contacts,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell--contacts {
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* Meta / Showing row — no top rule; soft bottom hairline only (above grid) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row.contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row.contact-list-pager {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v63 — URGENT: People list rows invisible (black void under Showing 1–N)
   Root cause (v61): opaque `background:#141414` on `.list-workspace-scroll-chrome`,
   which is `position:absolute` over the grid (z-index 4–6). Meta row (z-index 8)
   stayed visible; table/headers were painted over. Chrome must be transparent.
   Surgical fix also applied in v61 block; this last-wins belt+suspenders.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v63 — People list Attio knockout / flatten
   Honest audit of John's full-page shot after v61–v62: still CRM toolbar stack,
   thick grey under view tabs, navy/blue Primary company pills, boxed density
   islands, LinkedIn blue disc competing, table reads as framed spreadsheet.
   This pass: kill band rules, charcoal chips, demote control chrome, editorial
   flush grid. Second flatten block required at end of this version.
   Scope: contacts list-only (+ Companies share OK). Do NOT touch detail.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Shared list-only scopes ──────────────────────────────────────────── */
/* Prefer spacing over stacked hairlines between chrome bands. */

/* ── 1) Thick rule under view tabs — GONE (not another hairline) ─────────── */
/* Cause: #gmailTabs border-bottom + #priorityLegend border + negative margins
   (styles-gmail −8px/−6px) visually merge into one thick grey band. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin-bottom: 0 !important;
  background: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.list-workspace-context-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.list-workspace-context-rail {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background: #141414 !important;
  background-image: none !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Toolbar search band — soft spacing only; no bottom rule into tabs */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: #141414 !important;
  background-image: none !important;
  margin-bottom: 0 !important;
}

/* ── 2) Active tab — thin nord underline (never electric / primary-500) ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active::after {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  height: 1.5px !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  bottom: 0 !important;
}

/* ── 3) Primary / company pills — charcoal chips (NOT navy / indigo fills) ─ */
/* Beat inline light-mode purple gradients + dark-contacts cyan borders. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill[style],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill[style],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap button.contact-company-pill {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
  min-height: 26px !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill:focus-visible {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ── 4) AI search — soft nord fill (never bright blue brick) ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.14) !important;
  background-color: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 999px !important;
}

/* ── 5) CTAs — Create soft nord fill; Quick Add nord outline; demote View Settings */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
/* View Settings / info — quiet muted, not boxed primary */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* ── 6) Density / view-mode — kill control islands (no boxed segment chrome) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  gap: 2px !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* LinkedIn layout glyph — brand blue only on the tiny badge; icon quiet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin .priority-layout-icon-svg--linkedin,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin .priority-layout-icon-svg--linkedin {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn--linkedin.contact-layout-btn--has-badge::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn--linkedin.contact-layout-btn--has-badge::after {
  width: 5px !important;
  height: 5px !important;
  background: #0a66c2 !important;
  box-shadow: 0 0 0 1.5px #141414 !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-export-btn {
  background: transparent !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

/* Legend chips — sparse strip, not pill cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip[aria-pressed="true"] {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* ── 7) Pagination meta — quieter; Prev/Next soft nord outline ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row .muted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row .muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta strong,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-pager .btn.small {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled) {
  background: #1e1e1e !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small:disabled,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small:disabled {
  border-color: transparent !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  opacity: 0.55 !important;
}

/* ── 8) Table — flush editorial #141414; soft row hairlines; quiet headers ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.listPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-scroll--spreadsheet {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* NEVER paint `.list-workspace-scroll-chrome` opaque — it is an absolute overlay
   over the grid (covers all rows). Keep transparent. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet {
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th.contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th.contact-list-th {
  background: #141414 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td {
  background: #141414 !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.05) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
  box-shadow: none !important;
}

/* Soft vertical gutters — no navy strips, no loud column rules.
   Exclude checkbox/urgency cells — their left border is next-action timing. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td:not(.contact-table-check-col):not(.contact-list-check-td),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td:not(.contact-table-check-col):not(.contact-list-check-td),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th {
  border-left-color: transparent !important;
  border-right-color: rgba(240, 240, 240, 0.04) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-list-check-td {
  background: #141414 !important;
  background-image: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.05) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-btn {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr:hover > td {
  background: #1e1e1e !important;
  background-image: none !important;
}

/* Quiet checkboxes */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table input[type="checkbox"] {
  accent-color: #81a1c1 !important;
  opacity: 0.75 !important;
}

/* ── 9) ASK edge — nord quiet on charcoal shelf (no navy) ────────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.4 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.92 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v63 flatten pass 2 — still card-stacky? Kill remaining frames / washes
   Re-audit: density islands gone; band borders gone; table no longer #181818
   inset card; any leftover blue chip / double border gets nuked here.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Unify every chrome band + canvas to one #141414 composition */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainSplit {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Kill any residual inset/outline frames around list workspace */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell--contacts,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell--contacts,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell {
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: #141414 !important;
}

/* Soften search field so it doesn't read as a second "card" band */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

/* Final chip nuke — any blue-tinted leftover primary tags */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap [class*="company-pill"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap [class*="company-pill"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap [class*="primary-person"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap [class*="primary-person"] {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* Collapse fat empty band under tabs — tighter strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab {
  min-height: 34px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v64 — URGENT (last-wins): keep scroll-chrome TRANSPARENT
   Concurrent Attio knockout (v63 flatten) re-painted `.list-workspace-scroll-chrome`
   with opaque #141414 after the v63 urgent fix — blanking all People rows again.
   This absolute overlay must never get a solid background. Do not re-add.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  /* Do not set opacity/visibility here — cue children manage their own. */
}


/* ═══════════════════════════════════════════════════════════════════════════
   v65 — EMERGENCY: restore People list body (headers + rows)
   Symptom: meta "Showing 1–N" visible; solid #141414 void below — no thead/rows.
   Causes stacked:
     A) `.list-workspace-scroll-chrome` is position:absolute over the grid and
        was painted opaque #141414 (v61 / Attio knockout). Transparent alone may
        still lose to later agents or browser cache — HIDE chrome entirely.
     B) Flex/min-height collapse risk on `.contact-list-table-scroll` inside
        `.list-workspace` after border/padding resets — force flex:1 + min-height.
   Visibility wins over polish. Scope: contacts list-only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Kill the absolute cover layer completely (fades already disabled; cue lives in meta hint) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome {
  display: none !important;
  content: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
}

/* B) Restore flex height chain: wrap → list → workspace → scroll → table */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  position: relative !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .pipe-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .pipe-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .list-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .list-workspace {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .list-workspace-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .list-workspace-scroll {
  display: block !important;
  flex: 1 1 0 !important;
  min-height: 180px !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: auto !important;
  position: relative !important;
  z-index: 2 !important;
  background: #141414 !important;
  color: #f0f0f0 !important;
}

/* C) Table + cells must paint — never inherit invisible / collapsed */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-table {
  display: table !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: #141414 !important;
  width: 100% !important;
  border-collapse: collapse !important;
  position: relative !important;
  z-index: 2 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody {
  display: table-header-group !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody {
  display: table-row-group !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th {
  display: table-cell !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: #1e1e1e !important;
  background-image: none !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  min-height: 28px !important;
  height: auto !important;
  max-height: none !important;
  padding: 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr {
  display: table-row !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td {
  display: table-cell !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: #141414 !important;
  background-image: none !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  min-height: 32px !important;
  height: auto !important;
  max-height: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-btn {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr:hover > td {
  background: #2a2a2a !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v66 — People By company Attio flatten
   Screenshot: People list → By company / By Organization grouped view.
   Hard rejects: white "Grouped by Organization · pipeline" banner; light deal
   mini-card in DEAL column; indigo/blue group washes; electric tab/AI.
   Scope: contacts list-only (+ Companies share OK when same chrome). Do NOT
   regress detail hubs. Visibility of rows wins — scroll-chrome stays hidden.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Pipeline summary bar → sparse horizontal metric strip (NO white card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-group-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-group-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px 16px !important;
  padding: 7px 16px 7px 14px !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-main {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 14px !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-label strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

/* Pipeline metrics — inline text, not white/indigo pills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-pipeline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-pipeline-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.02em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-pipeline-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-pipeline-deals {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  border-left: 1px solid rgba(240, 240, 240, 0.1) !important;
  margin-left: 4px !important;
  padding: 0 0 0 10px !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Expand / Collapse — nord quiet links (not ghost button chrome) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions #contactListGroupExpandAll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions #contactListGroupCollapseAll {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 2px 4px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions #contactListGroupExpandAll:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions #contactListGroupCollapseAll:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* ── 2) Company group headers — editorial list headers, not navy bars/cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap tr.contact-list-group-header {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap tr.contact-list-group-header > td.contact-list-group-header-cell {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  padding: 0 !important;
}

/* Kill momentum-band colored left bars on company grouping (not momentum view) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header[data-momentum-band] .contact-list-group-header-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header--card[data-momentum-band] {
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 9px 14px 9px 12px !important;
  min-height: 40px !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
  font-size: 13px !important;
  letter-spacing: -0.01em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-icon svg {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.85 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  width: 26px !important;
  height: 26px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-toggle:hover {
  background: #2a2a2a !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--good,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--watch,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--critical,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--won,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--lost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value--muted {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 999px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-deal-value-amount {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-open.btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-open {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  padding: 2px 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-open:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
}

/* Card-layout group header (if present) — same flatten */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-group-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-header--card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 9px 12px !important;
}

/* ── 3) Deal column nested mini-card → charcoal chip / inline meta ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-cell .contact-deal-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap button.contact-deal-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill.contact-deal-pill--closed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill.contact-deal-pill--closed-won,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill.contact-deal-pill--closed-lost {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  /* Kill light inset sheen from inline styles */
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap button.contact-deal-pill::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap button.contact-deal-pill::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap button.contact-deal-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap button.contact-deal-pill:focus-visible {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill .contact-deal-pill-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-stage {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill--closed-won .contact-deal-pill-stage {
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  background: rgba(163, 190, 140, 0.1) !important;
  border-color: rgba(163, 190, 140, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill--closed-lost .contact-deal-pill-stage {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: rgba(240, 240, 240, 0.04) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-amount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-pct {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta--card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta--simple {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-count-badge {
  background: rgba(129, 161, 193, 0.14) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
}

/* Progress bar — quiet nord / soft charcoal (kill loud blue/teal neon + glow) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta-track {
  background: rgba(240, 240, 240, 0.08) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta-track > div {
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-empty-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-no-deal-wrap .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-no-deal-wrap button {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

/* ── 4) Active tab / AI — nord only (reinforce; kill electric blue) ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active::after {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  height: 1.5px !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.22) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ── 5) JO avatar — charcoal disc + nord initials (soft; no electric blue) ─ */
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"] #userAvatar.header-avatar {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn:hover .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn:hover #userAvatar.header-avatar {
  background: #2e2e2e !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 6) Quick Add / Create — keep established nord recipes (no gold) ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #e8eef4 !important;
  -webkit-text-fill-color: #e8eef4 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v66 flatten pass 2 — still card-stacky? Kill remaining filled panels
   Group bar must never regain a filled surface. Deal pill = soft chip only.
   Group header meta pills → hairline outline, not filled badges.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-bar-actions {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Soften group meta chips further — outline-only editorial */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-meta .contact-list-group-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-group-meta .contact-list-group-deal-value {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Deal pill: flatten nested card meta into quiet strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-row1--card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-row1--stacked {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-deal-pill-meta-sep {
  background: rgba(240, 240, 240, 0.12) !important;
}

/* Grouped row indent stays; kill any leftover light cell wash under headers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap tr.contact-row--grouped > td {
  background: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap tr.contact-row--grouped:hover > td {
  background: #2a2a2a !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v66 — CRITICAL last-wins: scroll-chrome MUST stay transparent / hidden
   Absolute overlay over the grid. NEVER paint opaque (#141414 etc.).
   Visibility of rows wins over polish. Do not re-add solid background.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v67 — People toolbar Attio-max buttons/filters
   Target: #filtersSection strip only — Search, AI, Filter funnel, View Settings,
   Info (i), Quick Add, Create New. After concurrent v66 By-company flatten.
   Goal: one height rhythm; quiet charcoal search; soft nord AI (never blue brick);
   nord funnel; ghost View Settings; demoted info; Quick Add nord outline;
   Create soft nord fill (#F0F0F0 text). Flatten nested control islands.
   No gold / purple. Do NOT paint .list-workspace-scroll-chrome opaque.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Strip shell — one flat #141414 composition, no nested islands ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-bar.filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-bar.filter-bar-main {
  --list-toolbar-control-h: 36px;
  --list-toolbar-control-radius: 9px;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  gap: 8px !important;
  row-gap: 8px !important;
  align-items: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsDropdown,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsDropdown {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

/* CTA pair snug; search flexes */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toolbar-create-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-pills {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-dropdown-trigger-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Shared control height / radius / optical center */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn {
  height: var(--list-toolbar-control-h, 36px) !important;
  min-height: var(--list-toolbar-control-h, 36px) !important;
  max-height: var(--list-toolbar-control-h, 36px) !important;
  box-sizing: border-box !important;
  border-radius: var(--list-toolbar-control-radius, 9px) !important;
  align-items: center !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  outline: none !important;
}

/* ── 1) Search — flush charcoal, soft hairline, nord focus (no blue glow) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  caret-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input:focus-visible {
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
  outline: none !important;
  background: #181818 !important;
}

/* ── 2) AI badge — soft nord fill (NEVER solid bright blue / white-on-blue) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  min-width: auto !important;
  width: auto !important;
  padding: 0 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn .td-ai-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 8px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn:hover:not(:disabled) .td-ai-badge {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge__label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* ── 3) Filter funnel — nord quiet icon; soft wash when active ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn) {
  width: var(--list-toolbar-control-h, 36px) !important;
  min-width: var(--list-toolbar-control-h, 36px) !important;
  padding: 0 !important;
  justify-content: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).filtered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn).filtered {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn) svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn:not(.filter-quick-search-btn) svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn svg *,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn svg * {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn .filter-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn .filter-badge {
  background: rgba(129, 161, 193, 0.22) !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── 4) View Settings — ghost charcoal outline (not heavy grey brick) ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn[aria-expanded="true"] {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* View Settings panel — charcoal portal */
html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel.list-options-panel,
html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel.td-list-options-glass,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #listOptionsPanel {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ── 5) Info (i) — demote: muted, less square chrome ─────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsCriteriaSummaryBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsCriteriaSummaryBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-criteria-summary-btn {
  width: var(--list-toolbar-control-h, 36px) !important;
  min-width: var(--list-toolbar-control-h, 36px) !important;
  padding: 0 !important;
  justify-content: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsCriteriaSummaryBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsCriteriaSummaryBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-criteria-summary-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-criteria-summary-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsCriteriaSummaryBtn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsCriteriaSummaryBtn[aria-expanded="true"] {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-options-criteria-summary-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-options-criteria-summary-btn svg {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

/* ── 6) Quick Add — nord outline secondary (readable; not grey brick) ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
}

/* ── 7) Create New — soft nord fill; stronger than Quick Add; NOT gold/brick ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn svg {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v67 flatten pass 2 — kill leftover double frames / sheen / islands
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toggle-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toggle-btn::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* Kill white/light icon leftovers on funnel at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #filterBtn.filter-toggle-btn {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v67 — CRITICAL last-wins: scroll-chrome stays transparent / hidden
   Absolute overlay over the grid. NEVER opaque #141414. Rows must paint.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v68 — People list: Add column popover (portaled) — Cursor Dark charcoal
   Target: #__contactColumnPicker.contact-col-picker-popover + header menu.
   Kill white/dark split, near-invisible STANDARD FIELDS, purple AI chrome,
   blue Create brick. One composition popover; soft shadow only.
   Mirror Add Tab flyout (v52) charcoal pattern. Body-level class scope only.
   Flatten baked in (no two-tone card stack / heavy glow).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell — solid #1e1e1e; soft border + shadow; kill glass/white ────────── */
html[data-theme="dark"] body[data-theme="momentum"] #__contactColumnPicker.contact-col-picker-popover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover,
html[data-theme="dark"] body[data-theme="momentum"] #__contactColumnHeaderMenu.contact-col-header-menu-popover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-header-menu-popover {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  outline: none !important;
}

/* Flatten: head / list / create all same charcoal family — no two-tone stack */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-list,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-section,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create {
  background: #181818 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Title / subtitle */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head-sub {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Search — charcoal well; soft radius; no purple AI chrome */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover input.contact-col-picker-search.input,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover input[type="search"].contact-col-picker-search {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  caret-color: #81a1c1 !important;
  accent-color: #81a1c1 !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search:focus,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search:focus-visible {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}
/* Kill WebKit search chrome / purple leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::-webkit-search-decoration,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::-webkit-search-cancel-button,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::-webkit-search-results-button,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::-webkit-search-results-decoration {
  filter: none !important;
  color: #b0b0b0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head svg,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search + svg,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-head::before,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::before,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-search::after {
  color: #81a1c1 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Section labels — muted */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-section-title,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-subsection-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
}

/* STANDARD FIELDS rows — readable #F0F0F0 / weight 500; hover #2a2a2a */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  transform: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item:hover .contact-col-picker-item-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item:focus-visible {
  outline: none !important;
  background: #2a2a2a !important;
  box-shadow: inset 0 0 0 1px rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-empty,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-empty.muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Item icons / badges — quiet charcoal / nord (no purple hover wash) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-icon {
  background: #2a2a2a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-badge {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-badge--linkedin {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-badge--twitter,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-badge--facebook,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-item-badge--instagram {
  background: rgba(240, 240, 240, 0.05) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* Create new field — field name + Type charcoal (not white pill) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-name,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover input.contact-col-picker-create-name.input,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-type,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover select.contact-col-picker-create-type.input {
  background: #181818 !important;
  background-color: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  accent-color: #81a1c1 !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-type {
  /* Quiet chevron on charcoal — not white select pill */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23B0B0B0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  padding-right: 28px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-name::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-name:focus,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-type:focus {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-type option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* Create — soft nord secondary (NOT blue brick, NOT gold) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-btn,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover button.btn.small.primary.contact-col-picker-create-btn,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .btn.primary.contact-col-picker-create-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover button.btn.small.primary.contact-col-picker-create-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-create-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* Column header ⋯ menu — same charcoal family */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-header-menu-popover .contact-col-header-menu-item {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-header-menu-popover .contact-col-header-menu-item:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-header-menu-popover .contact-col-header-menu-item:disabled {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.55 !important;
}

/* List scroll — thin quiet scrollbar */
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover .contact-col-picker-list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(240, 240, 240, 0.18) transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v68 — CRITICAL last-wins: scroll-chrome stays transparent / hidden
   Absolute overlay over the grid. NEVER opaque #141414. Rows must paint.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v69 — URGENT: column header menu + Add column portals still white
   Nuclear last-wins: html[data-theme=dark] only (no momentum gate), body >
   child, #ids. Kill light-on-light Insert/Hide + full Add column picker.
   JS also sets inline charcoal on portal create (contact-list-column-picker).
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] #__contactColumnHeaderMenu,
html[data-theme="dark"] #__contactColumnHeaderMenu.contact-col-header-menu-popover,
html[data-theme="dark"] body > #__contactColumnHeaderMenu,
html[data-theme="dark"] body > .contact-col-header-menu-popover,
html[data-theme="dark"] .contact-col-header-menu-popover,
html[data-theme="dark"] #__contactColumnPicker,
html[data-theme="dark"] #__contactColumnPicker.contact-col-picker-popover,
html[data-theme="dark"] body > #__contactColumnPicker,
html[data-theme="dark"] body > .contact-col-picker-popover,
html[data-theme="dark"] .contact-col-picker-popover,
html[data-theme="dark"] [data-td-cursor-dark-portal="1"].contact-col-header-menu-popover,
html[data-theme="dark"] [data-td-cursor-dark-portal="1"].contact-col-picker-popover {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] #__contactColumnHeaderMenu .contact-col-header-menu-item,
html[data-theme="dark"] .contact-col-header-menu-popover .contact-col-header-menu-item,
html[data-theme="dark"] body > .contact-col-header-menu-popover .contact-col-header-menu-item {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #__contactColumnHeaderMenu .contact-col-header-menu-item:hover:not(:disabled),
html[data-theme="dark"] .contact-col-header-menu-popover .contact-col-header-menu-item:hover:not(:disabled),
html[data-theme="dark"] body > .contact-col-header-menu-popover .contact-col-header-menu-item:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] #__contactColumnHeaderMenu .contact-col-header-menu-item:disabled,
html[data-theme="dark"] .contact-col-header-menu-popover .contact-col-header-menu-item:disabled {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Reinforce full Add column picker (search + CREATE NEW FIELD) */
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-head,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-list,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-section,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-head,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-list {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-create,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-create {
  background: #181818 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-head-title,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-head-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-head-sub,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-head-sub {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-section-title,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-subsection-title,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-section-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-item,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-item-label,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-item,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-item-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-item:hover,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-item:hover {
  background: #2a2a2a !important;
  transform: none !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-search,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-create-name,
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-create-type,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-search,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-create-name,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-create-type {
  background: #181818 !important;
  background-color: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  accent-color: #81a1c1 !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] #__contactColumnPicker .contact-col-picker-create-btn,
html[data-theme="dark"] .contact-col-picker-popover .contact-col-picker-create-btn,
html[data-theme="dark"] .contact-col-picker-popover button.btn.primary.contact-col-picker-create-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v69 — CRITICAL last-wins: scroll-chrome stays transparent / hidden
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v70 — People search trailing controls: AI + Filter float inside field
   Root cause (v67 shared toolbar rule):
     #filtersSection .filter-toggle-btn {
       height: var(--list-toolbar-control-h)  /* same as input → overflows */
       transform: none !important             /* kills top:50% + translateY(-50%) */
     }
   Buttons stayed absolute top:50% without centering → straddle bottom border;
   filter width matched full control-h; AI/Filter gap collapsed → overlap.
   Layout only — keep soft nord AI / nord filter colors from v67.
   Do NOT paint .list-workspace-scroll-chrome opaque.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Anchor for absolute trailing controls */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  position: relative !important;
}

/* Shared: absolute, vertically centered inside the field (restore translateY) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #filterBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
  /* Smaller than field (~36px) — ~4–6px inset; DO NOT use full --list-toolbar-control-h */
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Filter funnel — rightmost, compact square */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) {
  right: 6px !important;
  left: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
}

/* AI badge — left of filter with ~7px gap (6 + 26 + 7 = 39) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn {
  right: 39px !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
}

/* Input padding — typed text clears AI + Filter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput {
  padding-right: 118px !important;
}

/* Reaffirm: scroll-chrome must stay transparent / hidden (never opaque) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v71 — People list Attio life pass / flatten
   Honest audit of John's full-page shot after v67–v70: still reads as stacked
   CRM bands (search / tabs / legend / meta / table); vertical column rules
   still spreadsheet-y; JO avatar can flash nord gradient from hubs; density
   cluster still a control island; chips OK but want quieter charcoal whisper.
   Goal: one flush #141414 composition — Attio People quiet canvas energy.
   Scope: contacts list-only (+ Companies share OK). Do NOT regress detail.
   HARD: scroll-chrome NEVER opaque. Search AI/Filter keep v70 centering.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) One composition — every chrome band = #141414, no nested washes ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .mainSplit {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Kill band separators — spacing only between toolbar / tabs / legend / meta */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-bar-main {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs.gmail-tabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tabs-strip {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend.list-workspace-context-rail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend.list-workspace-context-rail {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap.list-workspace-shell--contacts,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap.list-workspace-shell--contacts {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* Meta / Showing — flush; ONE soft hairline under into grid (not double) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta-row.contact-list-pager,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta-row.contact-list-pager {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.055) !important;
  box-shadow: none !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-pager .btn.small:hover:not(:disabled) {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ── 1) Tabs — nord hairline active; soft muted counts; no filled island ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.05) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-height: 32px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.05) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #gmailTabs .gmail-tab.active::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #gmailTabs .gmail-tab.active::after {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  height: 1.5px !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  bottom: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab.active .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab.active .gmail-tab-count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
}

/* ── 2) Density / view-mode — demote to ghost icons (no boxed island) ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  gap: 1px !important;
  padding: 0 !important;
  opacity: 0.72 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-list-layout-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-list-layout-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-toggle:hover {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  border-radius: 5px !important;
  min-width: 26px !important;
  height: 26px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Legend items — sparse dots + labels, not chip cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .list-workspace-context-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #priorityLegend .priority-legend-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #priorityLegend .priority-legend-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
}

/* ── 3) Table — editorial rows on flush canvas; kill spreadsheet grid ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table-scroll--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table-scroll--spreadsheet {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  /* Soft gutters — not an inset card pad */
  padding-left: 4px !important;
  padding-right: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet {
  --ss-canvas: #141414;
  --ss-surface: #141414;
  --ss-header-bg: #141414;
  --ss-border: rgba(240, 240, 240, 0.035);
  --ss-border-header: rgba(240, 240, 240, 0.055);
  --ss-hover-bg: #1e1e1e;
  --ss-selected-bg: #2a2a2a;
  --ss-header-text: #909090;
  --ss-header-shadow: none;
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

/* Headers — muted #909090 on flush canvas; soft bottom hairline only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th.contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th.contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead .contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet thead th.contact-list-th-actions {
  background: #141414 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-left: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.03) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  letter-spacing: 0.06em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table .contact-list-th-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table .contact-list-th-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
}

/* Body cells — flush #141414; whisper vertical rules; soft row hairlines.
   Urgency stripe lives on check-col — do not zero its left border. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td:not(.contact-table-check-col):not(.contact-list-check-td),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td:not(.contact-table-check-col):not(.contact-list-check-td),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td:not(.contact-table-check-col):not(.contact-list-check-td),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody td:not(.contact-table-check-col):not(.contact-list-check-td) {
  background: #141414 !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-left: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.028) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.045) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td.contact-list-check-td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th.contact-list-head-check,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th.contact-list-head-check {
  background: #141414 !important;
  border-right: 1px solid rgba(240, 240, 240, 0.04) !important;
  box-shadow: none !important;
}

/* Name — editorial #F0F0F0 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-cell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-name-cell a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-name-cell a {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Soft row hover — #1e1e1e (selected #2a2a2a); no lift / card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:hover > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table.contact-list-table--spreadsheet tbody tr.contact-row:hover > td {
  background: #1e1e1e !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row.selected > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row.selected > td {
  background: #2a2a2a !important;
  background-image: none !important;
}

/* Kill zebra / deal-surface card leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:nth-child(even):not(.selected):not(:hover):not(:focus-within) > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody tr.pipe-list-row.contact-row:nth-child(even):not(.selected):not(:hover):not(:focus-within) > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface > td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .pipe-list-row.contact-row.contact-has-deal-surface > td {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table input[type="checkbox"] {
  accent-color: #81a1c1 !important;
  opacity: 0.7 !important;
}

/* ── 4) PRIMARY / STATUS / ACTIVITY chips — charcoal whisper ~26px ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap [class*="company-pill"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap [class*="company-pill"] {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  min-height: 26px !important;
  height: auto !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Status / activity — charcoal outline; Active soft green OK (not neon) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-virtual-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-virtual-link {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  min-height: 26px !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
/* Soft Active / success — quiet green, never neon loud */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--success-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--success-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="success"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="success"] {
  background: rgba(163, 190, 140, 0.1) !important;
  background-image: none !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  border-color: rgba(163, 190, 140, 0.28) !important;
  box-shadow: none !important;
}
/* Kill blue/navy status leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--primary-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--primary-50"] {
  background: #181818 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* ── 5) CTA hierarchy — Create soft nord primary; Quick Add outline; demote View Settings */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #addContactQuickBtn.filter-add-btn--contact-quick {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.34) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

/* AI badge — soft nord (never blue brick / purple) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #quickSearchPaletteBtn .td-ai-badge {
  background: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 8px !important;
}

/* Search field — charcoal flush, not a second band card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #searchInput {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* ── 6) JO avatar — charcoal disc + nord initials (kill hubs nord gradient) ─ */
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"] #userAvatar.header-avatar,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn #userAvatar.header-avatar {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn .header-avatar #userInitials,
html[data-theme="dark"] body[data-theme="momentum"] #userAvatar.header-avatar #userInitials,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn #userInitials {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn:hover .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn:hover #userAvatar.header-avatar {
  background: #2e2e2e !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 7) ASK edge — nord quiet charcoal shelf ─────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab--active {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.38 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.9 !important;
}

/* ── 8) Portals stay charcoal (column menu / Add column — reinforce v69) ──── */
html[data-theme="dark"] #__contactColumnPicker,
html[data-theme="dark"] .contact-col-picker-popover,
html[data-theme="dark"] body[data-theme="momentum"] #__contactColumnPicker,
html[data-theme="dark"] body[data-theme="momentum"] .contact-col-picker-popover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-list-col-menu,
html[data-theme="dark"] body[data-theme="momentum"] #contactListColMenu {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color-scheme: dark !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v71 flatten pass 2 — kill remaining frames / unify / protect hard lessons
   Re-audit after pass 1: any leftover #181818 inset sheet, tab right borders
   reading as band, or density island chrome gets nuked. Soften chips again.
   PRESERVE v70 search AI/Filter abs centering. scroll-chrome stays hidden.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Unify scroll surface + fades to #141414 (no #181818 inset card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--right {
  background: linear-gradient(270deg, rgba(20, 20, 20, 0.98), rgba(20, 20, 20, 0.5) 50%, transparent) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-fade--left,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-fade--left {
  background: linear-gradient(90deg, rgba(20, 20, 20, 0.98), rgba(20, 20, 20, 0.5) 50%, transparent) !important;
}

/* Nearly invisible vertical rules — Attio editorial, not Excel */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-table thead th {
  border-right-color: rgba(240, 240, 240, 0.022) !important;
}

/* Kill tab separator chrome that stacks into a band */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only .gmail-tab:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) .gmail-tab:last-child {
  border-right: none !important;
}

/* Soften MORE COLUMNS cue — not a floating control card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  box-shadow: none !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-cue__chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-cue__chevron {
  color: #909090 !important;
}

/* Toolbar wrap groups — no nested frames */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-quick-pills {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── PROTECT v70: search trailing AI + Filter — abs centered, ~26px ──────── */
/* DO NOT re-apply full --list-toolbar-control-h or transform:none here. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap {
  position: relative !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #filterBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) {
  right: 6px !important;
  left: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn {
  right: 39px !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput {
  padding-right: 118px !important;
}

/* ── CRITICAL last-wins: scroll-chrome stays transparent / hidden ────────── */
/* NEVER opaque #141414 — blanks ALL rows/headers while meta still shows. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .list-workspace:has(> .list-workspace-meta-row) > .list-workspace-scroll-chrome {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v72 — Deals hub / pipeline kanban Attio flatten
   Screenshot: busy deal cards (name+%+⋮+company+contact+green $ + chips),
   metric pills as filled chips, purple AI, loud secondary tools, green money,
   blue Drop here, column chrome washes, white ⋮ portals.
   Scope: .app-shell[data-view="deals"] (+ body-portaled pipe menus in dark).
   Do NOT touch People list / contact detail / scroll-chrome / v70–v71 contacts.
   Flatten pass 2 required: sparse cards + metric strip + flush #141414.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Token remap — charcoal board, soft gutters, no navy/indigo wash ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] {
  --td-kanban-board-shell-bg: #141414;
  --td-kanban-canvas: #141414;
  --td-kanban-pipeline-shell: #141414;
  --td-kanban-col-border: rgba(240, 240, 240, 0.07);
  --td-kanban-col-shadow: none;
  --td-kanban-col-surface: transparent;
  --td-kanban-chrome-surface: #141414;
  --td-kanban-chrome-border: rgba(240, 240, 240, 0.06);
  --td-kanban-chrome-shadow: none;
  --td-kanban-card-surface: #1e1e1e;
  --td-kanban-card-border: rgba(240, 240, 240, 0.07);
  --td-kanban-card-shadow: none;
  --td-kanban-card-hover-shadow: none;
  --td-kanban-card-blur: none;
  --td-kanban-empty-bg: transparent;
  --td-kanban-empty-border: rgba(240, 240, 240, 0.14);
  --td-kanban-empty-blur: none;
}

/* ── 1) Flush canvas — every shell layer #141414 ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] .main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] .content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] .mainSplit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-board,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-board-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-board-graph,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-grouped-view,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel > .pipe-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-filters {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel > .pipe-header.pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ── 2) Metric pills → one sparse horizontal strip (not filled chips) ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary.pipe-summary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 2px 0 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 12px !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  letter-spacing: 0.01em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill + .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill + .pill {
  border-left: 1px solid rgba(240, 240, 240, 0.1) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill.pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill.pipe-stale-pill {
  background: transparent !important;
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ── 3) Secondary tools — nord quiet text/outline (not loud filled buttons) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeMeetingPackBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-intelligence-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-refresh-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeMeetingPackBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-toggle {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn[aria-pressed="true"] {
  background: rgba(129, 161, 193, 0.14) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Create New + New deal (+) — soft nord fill (NOT purple/indigo / gold) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn--deal-quick {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* Kill bevel / sheen pseudo on deals Create New */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-add-btn::after {
  content: none !important;
  display: none !important;
}

/* ── 4) Search AI — soft nord fill + abs centering (People v70 recipe) ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap {
  position: relative !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) {
  right: 6px !important;
  left: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn {
  right: 39px !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge {
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput {
  padding-right: 118px !important;
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* ── 5) Stage columns — soft gutters; kill colored top washes / purple chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-group {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* kill inline style="border-top: 4px solid …" stage color wash */
  border-top-width: 0 !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col.drag-over {
  background: rgba(129, 161, 193, 0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(129, 161, 193, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-top {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-stage-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-total,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-total span {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Stage dots — soft nord/neutral (override loud inline stage colors) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-stage-dot {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0.85 !important;
  width: 7px !important;
  height: 7px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-top .pill {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  padding: 0 2px !important;
  border-radius: 0 !important;
}

/* Empty drop zone — quiet dashed charcoal (not blue) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-empty {
  background: transparent !important;
  background-image: none !important;
  border: 1px dashed rgba(240, 240, 240, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  padding: 16px 12px !important;
}

/* ── 6) Deal cards — sparse Attio bar (name · amount · one meta) ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:not(.dragging) {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 10px 11px !important;
  gap: 6px !important;
  transform: none !important;
  isolation: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:not(.dragging):hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-visible {
  background: #242424 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Kill nested glass/sheen pseudo layers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-top {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  gap: 8px !important;
  align-items: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.3 !important;
}

/* Park secondary identity lines — quieter at rest, clearer on hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-owner {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.55 !important;
  margin-top: 1px !important;
  max-height: 1.35em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-owner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-owner {
  opacity: 0.9 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Keep only company as one quiet meta line; park contact/owner until hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-owner {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-owner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-owner {
  display: block !important;
}

/* % pill + health badge — park (hover); never gold / loud fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta .deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta [class*="health"] {
  opacity: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 0 2px !important;
  max-width: 0 !important;
  overflow: hidden !important;
  transition: opacity 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-meta .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-meta .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-meta .deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-meta .deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-meta [class*="health"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-meta [class*="health"] {
  opacity: 0.85 !important;
  pointer-events: auto !important;
  max-width: 64px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  opacity: 0.55 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-deal-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more.is-open {
  opacity: 1 !important;
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Health / stage-age / next-task chips — park at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-health {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-health,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-health {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-health__bit {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 999px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  padding: 1px 7px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-health__bit--task {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Bottom row: stage (one meta) + amount — no green money tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-bottom {
  margin-top: 2px !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  gap: 8px !important;
  align-items: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-stage {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap .pipe-deal-card .pipe-card-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  font-variant-numeric: tabular-nums !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Due chip — quiet red whisper, not amber/gold loud pill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card > .pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap .pipe-deal-card .pipe-stale-pill {
  align-self: flex-start !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
  border-radius: 999px !important;
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  padding: 2px 7px !important;
  box-shadow: none !important;
  margin-top: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-stale-badge {
  filter: grayscale(0.4) !important;
  opacity: 0.85 !important;
}

/* List-row variant (list view) — same charcoal, no green amounts */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row:hover {
  background: #242424 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Scope bar — flush charcoal, no blue wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-scope-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-scope-bar.is-all,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-scope-bar.is-narrow {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

/* ── 7) Portals — charcoal menus (not white) ─────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-popover,
html[data-theme="dark"] .pipe-deal-menu-popover {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-hdr,
html[data-theme="dark"] .pipe-deal-menu-hdr {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-item,
html[data-theme="dark"] .pipe-deal-menu-item {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-item:hover:not(:disabled),
html[data-theme="dark"] .pipe-deal-menu-item:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-item--danger,
html[data-theme="dark"] .pipe-deal-menu-item--danger {
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-item--danger:hover:not(:disabled),
html[data-theme="dark"] .pipe-deal-menu-item--danger:hover:not(:disabled) {
  background: rgba(248, 113, 113, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-sep,
html[data-theme="dark"] .pipe-deal-menu-sep {
  background: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-move,
html[data-theme="dark"] .pipe-deal-menu-move {
  background: #181818 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .pipe-deal-menu-empty,
html[data-theme="dark"] .pipe-deal-menu-empty {
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-meeting-pack-menu,
html[data-theme="dark"] body[data-theme="momentum"] #pipeMeetingPackMenu.pipe-meeting-pack-menu {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-meeting-pack-item,
html[data-theme="dark"] body[data-theme="momentum"] #pipeMeetingPackMenu .pipe-meeting-pack-item {
  color: #e6e6e6 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-meeting-pack-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #pipeMeetingPackMenu .pipe-meeting-pack-item:hover {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-meeting-pack-item-hint {
  color: #909090 !important;
}

/* ── 8) Flatten pass 2 — kill leftover framed stacks / green / purple ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-list {
  background: transparent !important;
  gap: 8px !important;
  padding: 8px 10px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary-grid,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary-stat {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary-stat + .pipe-summary-stat {
  border-left: 1px solid rgba(240, 240, 240, 0.1) !important;
}

/* Force-kill any lingering emerald/lime amount recipes on the board */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel [class*="pipe-card-value"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
}

/* No purple/indigo column or card hover wash leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col:hover {
  outline: none !important;
  filter: none !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v73 — Create dialog Attio flatten
   Target: #composeModal global Create chooser ("What are you doing right now?"
   + Quick Add / Deal / Project + More ways to create).
   Rejects: gradient card stack, nested hero/more panel frames, icon glow boxes,
   bright section labels, tall marketing tiles. Scope: compose modal ONLY.
   Do NOT touch People scroll-chrome or search AI/Filter centering.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell: flat charcoal on dim overlay ─────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal.td-glass-modal-backdrop {
  background: rgba(0, 0, 0, 0.55) !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal--compose.td-glass-modal,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modal.td-glass-modal--compose {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal--compose.td-glass-modal::before,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal--compose.td-glass-modal::after {
  display: none !important;
  content: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalHead.td-glass-modal__head {
  background: #1e1e1e !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__title,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalBody {
  background: #1e1e1e !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__foot,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalFoot {
  background: #181818 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeLede {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
}

/* Cancel — nord/ghost quiet (no gold, no loud primary) */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal #composeCancelBtn,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalFoot .btn.secondary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal #composeCancelBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .modalFoot .btn.secondary:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__head :is(.iconBtn, .td-glass-modal__icon-btn) {
  background: transparent !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__head :is(.iconBtn, .td-glass-modal__icon-btn):hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* ── Kill nested folder chrome (hero + more panels) ──────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroPanel.td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMorePanel.td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroPanel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMorePanel {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeLayout {
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMore {
  padding-top: 4px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMorePanel {
  margin-top: 6px !important;
  padding-top: 4px !important;
}

/* ── Hero + secondary → list-row stacks (not tile storefront) ────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHero {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  grid-template-columns: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  grid-template-columns: none !important;
  max-width: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary > .composeCard,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary[data-count="5"] > .composeCard,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary[data-count="5"] > .composeCard:nth-child(4),
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary[data-count="5"] > .composeCard:nth-child(5) {
  grid-column: auto !important;
  width: 100% !important;
}

/* Flat list rows: icon · title · one-line meta */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--hero,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--heroSlot {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 1px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard::before {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard:hover,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context {
  border-color: rgba(129, 161, 193, 0.35) !important;
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Quiet icon — no glow box */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeIcon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero .composeIcon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero[data-compose-key="lead"] .composeIcon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero[data-compose-key="lead"].composeCard--context .composeIcon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context .composeIcon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  margin: 0 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  background: #1e1e1e !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard:hover .composeIcon {
  background: #181818 !important;
  color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeIcon svg,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero .composeIcon svg {
  width: 15px !important;
  height: 15px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeTitle,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero .composeTitle {
  grid-column: 2 !important;
  grid-row: 1 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  padding-right: 52px !important; /* room for Swap / Suggested */
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeSub,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero .composeSub,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--heroSlot .composeSub {
  grid-column: 2 !important;
  grid-row: 2 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  padding-right: 4px !important;
  -webkit-line-clamp: 1 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Section labels — quiet #909090, not bright blue */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreLabel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreLabel.td-glass-modal__section-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  margin: 8px 0 4px 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreLabel:first-child {
  margin-top: 2px !important;
}

/* More ways toggle — flat row, no glass white */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 8px 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle__label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle__hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle__chev {
  border-right-color: #909090 !important;
  border-bottom-color: #909090 !important;
}

/* Swap + Suggested — nord quiet, not gold/glow */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  top: 6px !important;
  right: 6px !important;
  padding: 2px 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap:hover,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap[aria-expanded="true"] {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeBadge {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  top: 6px !important;
  right: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapMenu {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapMenu__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapOption {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-radius: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapOption:hover {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapOption[aria-selected="true"] {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwapOption__check {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSlotWrap > .composeCard {
  height: auto !important;
}

/* Mobile: keep list-row stack */
@media (max-width: 768px) {
  html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHero,
  html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid,
  html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v73 flatten pass 2 — still tile-storefront? Kill remaining chrome
   Tighter padding, less radius, kill any leftover group frame / gradient sheen.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--hero,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context {
  padding: 7px 8px !important;
  border-radius: 4px !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHero,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeGrid--secondary {
  gap: 1px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroPanel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMorePanel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroPanel.td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMorePanel.td-glass-modal__panel {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle {
  border-radius: 4px !important;
  padding: 7px 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--hero {
  min-height: 44px !important;
  padding-top: 7px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--heroSlot {
  padding-top: 7px !important;
}

/* Kill any remaining soft top-down fill / blue wash on options */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeIcon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle {
  background-image: none !important;
  filter: none !important;
}

/* No purple / indigo / gold anywhere in this dialog */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard.composeCard--context,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeBadge,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap {
  background-image: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v74 — Calendar Attio flatten (Cursor Dark / better-than-Attio)
   Target: Calendar hub only — month grid, mini-cal + filters sidebar, header
   tools, shared toolbar (Search / View Settings / Create New), ASK.
   Kill navy/indigo day wash + card-stack sidebar/grid; soft nord selection;
   Create = People soft nord fill; header tools ghost; flatten to one #141414
   composition. HARD: do not touch People scroll-chrome / search AI+Filter
   centering / v71 People rules. Do not opaque .list-workspace-scroll-chrome.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush #141414 canvas — kill inset panel / card-stack frames ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-main {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap {
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-body {
  gap: 0 !important;
  padding: 0 0 12px !important;
}

/* ── 2) Shared toolbar — charcoal search, ghost View Settings, nord Create ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection.filters-modern.list-toolbar-strip {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-toolbar-create-group {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #searchInput {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #searchInput::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #searchInput::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #searchInput:focus {
  border-color: rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* View Settings — ghost charcoal (People recipe) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn[aria-expanded="true"] {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Create New — soft nord fill (same People recipe; NOT gold / navy brick) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #addContactBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #filtersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #filtersSection .filter-add-btn::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* Tasks — same shared header recipe as Calendar (search / View Settings / nord Create) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection.filters-modern.list-toolbar-strip {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-toolbar-create-group {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #searchInput {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #searchInput::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #searchInput:focus {
  border-color: rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn.actions-dropdown-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn[aria-expanded="true"] {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is(.tasks-view, [data-view="tasks"]) #filtersSection .filter-add-btn::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* ── 3) Calendar header — flush; tools ghost / nord quiet ────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header-title span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header-title span {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header-nav-cluster,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header-nav-cluster {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 4px !important;
}

/* Header tools: Today / Scheduler / Availability / Email… / PDF — ghost charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-scheduler-setup-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-scheduler-setup-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header #calBookingBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header #calBookingBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header #calPdfBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header #calPdfBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .btn.ghost:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .btn.ghost:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Availability active — nord quiet (not electric blue wash) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-avail-btn.cal-avail-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-avail-btn.cal-avail-active {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-avail-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-avail-bar {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-avail-scheduler-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-avail-scheduler-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-avail-scheduler-link:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-avail-scheduler-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* View switcher island — demote boxed chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-view-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-view-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-view-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-view-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-view-btn:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header .cal-view-toggle .cal-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header .cal-view-toggle .cal-view-btn.active {
  background: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── 4) Sidebar — flush charcoal; soft hairlines; readable legends ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-sidebar {
  background: #141414 !important;
  background-image: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  gap: 0 !important;
  padding: 12px 14px 16px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list + .cal-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list + .cal-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini + .cal-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini + .cal-list {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-title {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list-item {
  background: transparent !important;
  color: #b0b0b0 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list-item:hover {
  background: rgba(240, 240, 240, 0.04) !important;
  color: #f0f0f0 !important;
}

/* Keep category checkbox accents; soften Projects purple chrome only if large wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-color[style*="7c3aed"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-color[style*="7c3aed"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-color[style*="8b5cf6"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-color[style*="8b5cf6"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-color[style*="a855f7"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-color[style*="a855f7"] {
  background: #9b8ec4 !important; /* quieter lavender for Projects legend swatch */
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-head {
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day {
  background: transparent !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Mini-cal today/selected — soft nord (kill electric blue / indigo) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day.today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day.today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day.cal-mini-day--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day.cal-mini-day--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day.today.cal-mini-day--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day.today.cal-mini-day--selected {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: inset 0 0 0 1px rgba(129, 161, 193, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-mini-day.other:not(.cal-mini-day--selected),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-mini-day.other:not(.cal-mini-day--selected) {
  color: #909090 !important;
  opacity: 0.55 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-list select.input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-list select.input {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* ── 5) Month grid — soft gutters; nord today/selected (no navy wash) ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMonthGrid,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMonthGrid {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  gap: 0 !important;
  box-shadow: none !important;
  padding: 0 12px 0 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayHeader,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayHeader {
  background: transparent !important;
  color: #909090 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay:hover {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.calDay--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.calDay--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.today.calDay--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.today.calDay--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.calDay--selected:not(.avail-selected),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.calDay--selected:not(.avail-selected),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.today.calDay--selected:not(.avail-selected),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.today.calDay--selected:not(.avail-selected) {
  background: rgba(129, 161, 193, 0.14) !important;
  background-color: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.32) !important;
  box-shadow: inset 0 0 0 1px rgba(129, 161, 193, 0.18) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.otherMonth:not(.calDay--selected),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.otherMonth:not(.calDay--selected) {
  background: #141414 !important;
  background-image: none !important;
  opacity: 1 !important;
  border-color: rgba(240, 240, 240, 0.04) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayNum,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayNum {
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.today .calDayNum,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.today .calDayNum,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.calDay--selected .calDayNum,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.calDay--selected .calDayNum {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDay.otherMonth:not(.calDay--selected) .calDayNum,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDay.otherMonth:not(.calDay--selected) .calDayNum {
  color: #909090 !important;
  opacity: 0.7 !important;
}

/* Event chips — charcoal + left color bar; not white pills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem.overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem.overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem.completed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem.completed,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calWeekItem,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calWeekItem,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayEvent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayEvent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-agenda-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-agenda-item {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-week-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-week-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-week-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-week-sub {
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem:hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

/* Quiet “+N more” */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayMore,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayMore {
  color: #909090 !important;
  background: transparent !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayMore:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayMore:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayMore:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayMore:focus-visible {
  color: #81a1c1 !important;
  background: rgba(129, 161, 193, 0.1) !important;
  outline: none !important;
}

/* Soften Projects left-bar purple slightly (data accent stays identifiable) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calMiniItem[data-cal="projects"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calMiniItem[data-cal="projects"] {
  border-left-color: #9b8ec4 !important;
}

/* ── 6) Portals / menus — charcoal #1e1e1e ───────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-quick-popover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-quick-popover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-quick-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-quick-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-quick-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-quick-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-quick-foot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-quick-foot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .mm-styled-select__menu,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .mm-styled-select__menu,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .mm-styled-select__option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .mm-styled-select__option {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .mm-styled-select__option:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .mm-styled-select__option:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .mm-styled-select__option.is-selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .mm-styled-select__option.is-selected {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Scheduler / task-event portals opened from Calendar — charcoal */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) .sched-modal,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) .sched-modal,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) .sched-setup-modal,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) .sched-setup-modal,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) .task-event-backdrop .task-event-modal,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) .task-event-backdrop .task-event-modal {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ── 7) ASK — nord quiet (Calendar scope) ────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.8 !important;
  filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.35)) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab--active {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab__label,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab {
  background: #222a30 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* JO avatar already charcoal+nord globally (v71); reinforce under Calendar */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #userMenuBtn .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #userMenuBtn .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="calendar"]) #userAvatar.header-avatar,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.calendar-view) #userAvatar.header-avatar {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v74 flatten pass 2 — still card-stacky?
   Kill remaining inset sheets / double frames on header actions, week/day
   panes, and any leftover #181818/#1a1a1a card fills. Soft gutters only.
   PRESERVE People v70/v71 scroll-chrome + search AI/Filter rules untouched.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-header-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-header-right {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-week-column,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-week-column,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-day-timeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-day-timeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-time-grid,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-time-grid,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calSectionHeader,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calSectionHeader {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .emptyState,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .emptyState {
  background: transparent !important;
  color: #909090 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Kill indigo/navy leftover variables on Calendar surface */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap {
  --primary-100: rgba(129, 161, 193, 0.14);
  --primary-600: #81a1c1;
  --primary-700: #88c0d0;
  --primary-800: #88c0d0;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v75 — Deals toolbar = People craft (v67/v70/v71 recipes)
   Target: data-view="deals" / .pipeline-view #filtersSection + pipe-header tools.
   Mismatch vs People shot: search #1e1e1e not #181818; AI/Filter ok-ish but
   View Settings / Info / height rhythm incomplete; Create New + Quick Add (+)
   still charcoal bricks (gmail .pipeline-view navy/grey); header tools still
   read as second toolbar of filled pills.
   Port People: search #181818, AI+Filter abs-centered ~26px, View Settings
   ghost, Info muted, + nord outline square, Create soft nord fill, one height.
   Flatten header: ghost links / nord quiet — not control islands.
   HARD: do NOT touch People v70/v71 / scroll-chrome.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Strip shell — one flat #141414 composition, People height rhythm ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-toolbar-bar.filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-toolbar-bar.filter-bar-main {
  --list-toolbar-control-h: 36px;
  --list-toolbar-control-radius: 9px;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  gap: 8px !important;
  row-gap: 8px !important;
  align-items: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsDropdown,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsDropdown {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-toolbar-create-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-toolbar-create-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-quick-pills,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-quick-pills {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-dropdown-trigger-inner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-dropdown-trigger-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Shared control height / radius — NOT on abs search trailing controls */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addDealQuickBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn.filter-add-btn {
  height: var(--list-toolbar-control-h, 36px) !important;
  min-height: var(--list-toolbar-control-h, 36px) !important;
  max-height: var(--list-toolbar-control-h, 36px) !important;
  box-sizing: border-box !important;
  border-radius: var(--list-toolbar-control-radius, 9px) !important;
  align-items: center !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

/* ── 1) Search — #181818, soft hairline, placeholder #909090, nord focus ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap {
  position: relative !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap #searchInput {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  caret-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #searchInput::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #searchInput::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #searchInput:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-input:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-input:focus-visible {
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
  outline: none !important;
  background: #181818 !important;
}

/* ── 2) AI + Filter — soft nord; abs centered inside search (v70) ────────── */
/* DO NOT use full --list-toolbar-control-h or transform:none on these. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  z-index: 2 !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) {
  right: 6px !important;
  left: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn):hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn.filtered {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn.filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn:not(.filter-quick-search-btn) svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #quickSearchPaletteBtn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn.filter-quick-search-btn {
  right: 39px !important;
  left: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-quick-search-btn .td-ai-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 8px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-quick-search-btn:hover:not(:disabled) .td-ai-badge {
  background: rgba(129, 161, 193, 0.22) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .td-ai-badge svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .td-ai-badge__label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap:has(#quickSearchPaletteBtn:not([hidden])) #searchInput {
  padding-right: 118px !important;
}

/* ── 3) View Settings — ghost charcoal outline, #B0B0B0→#F0F0F0 ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn[aria-expanded="true"] {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* ── 4) Info (i) — muted #909090, nord hover; match 36px toolbar control H ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsCriteriaSummaryBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsCriteriaSummaryBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsCriteriaSummaryBtn.list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsCriteriaSummaryBtn.list-options-criteria-summary-btn {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  filter: none !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsCriteriaSummaryBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsCriteriaSummaryBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-criteria-summary-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-criteria-summary-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsCriteriaSummaryBtn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsCriteriaSummaryBtn[aria-expanded="true"] {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .list-options-criteria-summary-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .list-options-criteria-summary-btn svg {
  color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

/* ── 5) + Quick Add — nord outline square (NOT filled charcoal / NOT Create) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn--deal-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addDealQuickBtn.filter-add-btn--deal-quick {
  display: inline-flex !important;
  width: var(--list-toolbar-control-h, 36px) !important;
  min-width: var(--list-toolbar-control-h, 36px) !important;
  max-width: var(--list-toolbar-control-h, 36px) !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addDealQuickBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #addDealQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--deal-quick:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addDealQuickBtn.filter-add-btn svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

/* ── 6) Create New — soft nord fill (People recipe; NOT gold / grey brick) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn.filter-add-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  gap: 6px !important;
  min-width: unset !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn.filter-add-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #addContactBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

/* Kill bevel / sheen / glow on deals create controls */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #listOptionsBtn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection #listOptionsBtn::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* ── 7) Page-header tools — demote to quiet ghost / nord links (flatten) ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeIntelligenceBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeMeetingPackBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeMeetingPackBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-intelligence-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right .pipe-intelligence-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right .pipe-meeting-pack-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-refresh-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right .pipe-refresh-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  opacity: 0.88 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeIntelligenceBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeMeetingPackBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeMeetingPackBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeExportBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-header-right #pipeRefreshBtn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: transparent !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* View toggles — quiet ghost icons like People density cluster (no boxed island) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 1px !important;
  opacity: 0.72 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-toggle:hover {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  border-radius: 5px !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-btn:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-view-btn[aria-pressed="true"] {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Metric strip — keep sparse; kill any leftover chip chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-summary .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel #pipelineSummary .pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 12px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill + .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-summary .pill + .pill {
  border-left: 1px solid rgba(240, 240, 240, 0.1) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-summary .pill:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill.pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-summary .pill.pipe-stale-pill {
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
}

/* Header row — no second toolbar band / filled sheet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel > .pipe-header.pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel > .pipe-header.pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #pipelinePanel .pipe-workspace-header {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* ── v75 flatten pass 2 — kill leftover islands / protect v70 centering ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap #searchInput,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection .filter-search-wrap #searchInput {
  background: #181818 !important;
  padding-right: 118px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v76 — Deals hub Attio clear-bar (honest gaps after v72/v75)
   Gaps: page-header still shows 4 always-on tools; cards still show company
   + due + ⋮ + % at rest; column Total/Weighted always loud; ASK edge may
   still read blue disc on deals; stage/due both compete.
   Scope: .app-shell[data-view="deals"] (+ :has deals for ASK edge).
   Do NOT touch People list / scroll-chrome / v70 AI+Filter centering.
   Flatten pass 2 required in same bump.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Chrome budget — ≤1–2 quiet actions at rest; extras on header hover ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 450 !important;
  line-height: 1.3 !important;
  opacity: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.12s ease, max-height 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-workspace-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-workspace-subtitle {
  opacity: 0.85 !important;
  max-height: 2.2em !important;
  margin-top: 1px !important;
}

/* Keep Pipeline intelligence + view toggles; park Meeting/Export/Refresh.
   Opacity/width collapse only — stay in tab order so :focus-within reveals. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-refresh-btn {
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  border-color: transparent !important;
  overflow: hidden !important;
  transition: opacity 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right .pipe-meeting-pack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right .pipe-meeting-pack,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right .pipe-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right .pipe-refresh-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right .pipe-refresh-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack:has(#pipeMeetingPackBtn[aria-expanded="true"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack:has(#pipeMeetingPackMenu:not([hidden])) {
  opacity: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right #pipeExportBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:hover .pipe-header-right #pipeRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-header:focus-within .pipe-header-right #pipeRefreshBtn {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Touch / no-hover: keep secondary tools usable */
@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-meeting-pack,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeExportBtn,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeRefreshBtn {
    opacity: 0.88 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-workspace-subtitle {
    opacity: 0.75 !important;
    max-height: 2.2em !important;
  }
}

/* Sole always-on text action — nord ghost whisper */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-intelligence-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 0.72 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right #pipeIntelligenceBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-header-right .pipe-intelligence-btn:hover {
  opacity: 1 !important;
  background: rgba(129, 161, 193, 0.1) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* View toggles — quiet icons, no boxed island (reinforce) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-toggle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  opacity: 0.65 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-toggle:hover {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-view-btn[aria-pressed="true"] {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ── 2) Card flatten pass 2 — title · amount · one cue (stage) at rest ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:not(.dragging) {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  padding: 9px 10px !important;
  gap: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::after {
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

/* Company — hover/focus-within only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-company {
  display: none !important;
  opacity: 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-card-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-card-company {
  display: block !important;
  opacity: 0.9 !important;
}

/* Contact / owner — stay parked (kill leftover identity dump) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-owner {
  display: none !important;
}

/* Kill % pills, health badge, multi-chips, email — never at rest or hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta .deal-health-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-meta [class*="health"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-health,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-health__bit {
  display: none !important;
  opacity: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Due badge + ⋮ — opacity 0 at rest; visible on card hover/focus-within */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card > .pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-stale-pill {
  opacity: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-color: transparent !important;
  transition: opacity 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover > .pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within > .pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-stale-pill {
  opacity: 1 !important;
  max-height: 2em !important;
  margin-top: 2px !important;
  padding: 2px 7px !important;
  background: transparent !important;
  border: 1px solid rgba(248, 113, 113, 0.28) !important;
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more {
  opacity: 0 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  width: 24px !important;
  height: 24px !important;
  transition: opacity 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover .pipe-deal-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within .pipe-deal-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-deal-more.is-open {
  opacity: 1 !important;
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* One rest cue = stage name (due stays hover-only so they never compete loud) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-bottom {
  margin-top: 2px !important;
  padding-top: 5px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-stage {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* When a due badge exists, demote stage further so only one cue reads loud on hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:has(> .pipe-stale-pill) .pipe-card-stage {
  opacity: 0.55 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:has(> .pipe-stale-pill):hover .pipe-card-stage,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:has(> .pipe-stale-pill):focus-within .pipe-card-stage {
  opacity: 0.45 !important;
}

/* ── 3) Accent discipline — match People (AI / Create / + / ASK / stage dots) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-quick-search-btn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .td-ai-badge {
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

/* Protect v70 abs centering on deals search trailing controls */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addContactBtn.filter-add-btn {
  background: rgba(129, 161, 193, 0.16) !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection #addDealQuickBtn.filter-add-btn--deal-quick {
  background: #141414 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Stage column dots — nord/neutral, not electric blue/purple */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-stage-dot {
  background: #81a1c1 !important;
  background-color: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0.8 !important;
  width: 7px !important;
  height: 7px !important;
  filter: none !important;
}

/* ASK edge on Deals — nord quiet ~0.8, not blue disc */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.8 !important;
  filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.35)) !important;
  transition: opacity 0.14s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="deals"]) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #222a30 !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── 4) Column meta — Total / Weighted collapse at rest (editorial board) ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-total,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-total span {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 450 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-total {
  opacity: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.12s ease, max-height 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head:hover .pipe-kanban-head-total,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col:hover .pipe-kanban-head-total,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head:focus-within .pipe-kanban-head-total {
  opacity: 0.9 !important;
  max-height: 2.4em !important;
  margin-top: 2px !important;
  pointer-events: auto !important;
}

/* ── 5) Metric strip — keep sparse; Due quiet red; no filled chips ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  min-height: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill + .pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill + .pill {
  border-left: 1px solid rgba(240, 240, 240, 0.1) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-summary .pill.pipe-stale-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel #pipelineSummary .pill.pipe-stale-pill {
  color: #f0a0a0 !important;
  -webkit-text-fill-color: #f0a0a0 !important;
  background: transparent !important;
}

/* ── Flatten pass 2 — kill leftover frames / green money / protect hard ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-visible {
  background: #242424 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap .pipe-card-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-list {
  background: transparent !important;
  gap: 7px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-head-top {
  background: transparent !important;
  box-shadow: none !important;
}

/* HARD: scroll-chrome never opaque (People / shared list surfaces) */
html[data-theme="dark"] body[data-theme="momentum"] .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* HARD: People search AI/Filter keep v70 centering (do not regress) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v77 — View Settings panel (filters & views) — Cursor Dark charcoal
   Target: #listOptionsPanel (portaled to body) + shared .list-options-panel /
   .list-options-sort-flyout family (Home/CC, People, nested Sort / Manage Tabs).
   Kill white search + white/indigo chips from styles-contacts-refresh.css;
   kill teal seaglass row labels (--td-vsg-label-color). Mirror Add Tab v52 /
   column picker v69 portal pattern. Flatten: one composition, soft gutters.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Dark glass tokens — mute teal labels; solid charcoal (no translucent white) */
html[data-theme="dark"] {
  --td-vsg-label-color: #909090;
  --td-vsg-label-shadow: none;
  --td-vsg-item-shadow: none;
  --td-vsg-surface: #1e1e1e;
  --td-vsg-border: rgba(240, 240, 240, 0.08);
  --td-vsg-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  --td-vsg-backdrop-filter: none;
}

/* ── Shell — solid #1e1e1e; soft border + shadow; kill glass/white wash ───── */
html[data-theme="dark"] #listOptionsPanel,
html[data-theme="dark"] #listOptionsPanel.list-options-panel,
html[data-theme="dark"] #listOptionsPanel.td-list-options-glass,
html[data-theme="dark"] body > #listOptionsPanel,
html[data-theme="dark"] #ccListOptionsPanel,
html[data-theme="dark"] #ccListOptionsPanel.list-options-panel,
html[data-theme="dark"] #ccListOptionsPanel.td-list-options-glass,
html[data-theme="dark"] #projectListOptionsPanel.list-options-panel,
html[data-theme="dark"] #budgetListOptionsPanel.list-options-panel,
html[data-theme="dark"] #invoiceListOptionsPanel.list-options-panel,
html[data-theme="dark"] .list-options-panel.td-list-options-glass,
html[data-theme="dark"] .list-options-sort-flyout.td-list-options-glass,
html[data-theme="dark"] #sortMenu,
html[data-theme="dark"] #sortMenu.list-options-sort-flyout,
html[data-theme="dark"] body > #sortMenu,
html[data-theme="dark"] #mainNavTabOrderFlyout,
html[data-theme="dark"] #ccSortMenu,
html[data-theme="dark"] #ccMainTabOrderFlyout,
html[data-theme="dark"] #projectListSortFlyout,
html[data-theme="dark"] #invoiceListSortFlyout {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  outline: none !important;
}

/* Flatten sticky search well — same charcoal family, no card chrome */
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search,
html[data-theme="dark"] body > #listOptionsPanel .list-options-panel-search {
  background: #1e1e1e !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ── Search — charcoal #181818 (kill white !important from contacts-refresh) ─ */
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input,
html[data-theme="dark"] #listOptionsPanel input.list-options-panel-search-input,
html[data-theme="dark"] #listOptionsPanel input[type="search"].list-options-panel-search-input,
html[data-theme="dark"] body > #listOptionsPanel .list-options-panel-search-input,
html[data-theme="dark"] body > #listOptionsPanel input.list-options-panel-search-input {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  caret-color: #81a1c1 !important;
  accent-color: #81a1c1 !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input::placeholder,
html[data-theme="dark"] body > #listOptionsPanel .list-options-panel-search-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input:focus,
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input:focus-visible,
html[data-theme="dark"] body > #listOptionsPanel .list-options-panel-search-input:focus,
html[data-theme="dark"] body > #listOptionsPanel .list-options-panel-search-input:focus-visible {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input::-webkit-search-decoration,
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input::-webkit-search-cancel-button,
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input::-webkit-search-results-button,
html[data-theme="dark"] #listOptionsPanel .list-options-panel-search-input::-webkit-search-results-decoration {
  filter: none !important;
  color: #b0b0b0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* ── Pinned chips — charcoal (not white); active = soft nord wash (not purple) */
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip,
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip,
html[data-theme="dark"] #listOptionsPanel button.list-options-pinned-chip {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip:hover,
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip:focus-visible,
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip--active,
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip[aria-pressed="true"],
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip--active,
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip[aria-pressed="true"] {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-pinned-chip--active:hover,
html[data-theme="dark"] body > #listOptionsPanel .list-options-pinned-chip--active:hover {
  background: rgba(129, 161, 193, 0.22) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── Row labels (ASSIGNMENT / SAVED VIEW / …) → #909090 — not teal/cyan ──── */
html[data-theme="dark"] #listOptionsPanel .list-options-collapsible-toggle__label,
html[data-theme="dark"] #listOptionsPanel .list-options-section-label,
html[data-theme="dark"] #listOptionsPanel .list-options-search-group-header__label,
html[data-theme="dark"] body > #listOptionsPanel .list-options-collapsible-toggle__label,
html[data-theme="dark"] body > #listOptionsPanel .list-options-section-label,
html[data-theme="dark"] .list-options-panel .list-options-collapsible-toggle__label,
html[data-theme="dark"] .list-options-panel .list-options-section-label,
html[data-theme="dark"] .td-list-options-glass .list-options-section-label,
html[data-theme="dark"] .list-options-sort-flyout .list-options-section-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* Values → #F0F0F0; chevrons → #B0B0B0 */
html[data-theme="dark"] #listOptionsPanel .list-options-collapsible-toggle__summary,
html[data-theme="dark"] body > #listOptionsPanel .list-options-collapsible-toggle__summary,
html[data-theme="dark"] .list-options-panel .list-options-collapsible-toggle__summary {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-collapsible-toggle__chev,
html[data-theme="dark"] body > #listOptionsPanel .list-options-collapsible-toggle__chev,
html[data-theme="dark"] .list-options-panel .list-options-collapsible-toggle__chev {
  border-right-color: #b0b0b0 !important;
  border-bottom-color: #b0b0b0 !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-flyout-chevron,
html[data-theme="dark"] #listOptionsPanel .list-options-sort-row .list-options-flyout-chevron,
html[data-theme="dark"] .list-options-panel .list-options-flyout-chevron,
html[data-theme="dark"] .list-options-sort-flyout .list-options-flyout-chevron {
  color: #b0b0b0 !important;
  fill: #b0b0b0 !important;
}

/* Criteria summary (Assignment / Sort / …) — no seaglass glow; crisp type */
html[data-theme="dark"] .list-options-criteria-summary-popover,
html[data-theme="dark"] .list-options-criteria-summary-popover-body,
html[data-theme="dark"] .list-options-criteria-summary-label,
html[data-theme="dark"] .list-options-criteria-summary-value,
html[data-theme="dark"] .list-options-criteria-summary-seg,
html[data-theme="dark"] .list-options-criteria-value-trigger {
  text-shadow: none !important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
html[data-theme="dark"] .list-options-criteria-summary-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] .list-options-criteria-summary-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] .filters-modern.list-toolbar-strip
  .list-options-criteria-summary-host--popover-open
  .list-options-criteria-summary-popover {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Hover row — #2a2a2a; kill seaglass item text-shadow */
html[data-theme="dark"] #listOptionsPanel .list-options-collapsible-toggle:hover,
html[data-theme="dark"] body > #listOptionsPanel .list-options-collapsible-toggle:hover,
html[data-theme="dark"] .list-options-panel .list-options-collapsible-toggle:hover {
  background: #2a2a2a !important;
  background-image: none !important;
}
html[data-theme="dark"] #listOptionsPanel .actions-menu-item,
html[data-theme="dark"] #listOptionsPanel .list-options-sort-row,
html[data-theme="dark"] body > #listOptionsPanel .actions-menu-item,
html[data-theme="dark"] .list-options-panel .actions-menu-item,
html[data-theme="dark"] .list-options-sort-flyout .actions-menu-item,
html[data-theme="dark"] .td-list-options-glass .actions-menu-item {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .actions-menu-item:hover,
html[data-theme="dark"] #listOptionsPanel .list-options-sort-row:hover,
html[data-theme="dark"] #listOptionsPanel .list-options-collapsible-toggle:focus-visible,
html[data-theme="dark"] body > #listOptionsPanel .actions-menu-item:hover,
html[data-theme="dark"] .list-options-panel .actions-menu-item:hover,
html[data-theme="dark"] .list-options-sort-flyout .actions-menu-item:hover,
html[data-theme="dark"] .td-list-options-glass .actions-menu-item:hover,
html[data-theme="dark"] #sortMenu .actions-menu-item:hover,
html[data-theme="dark"] #ccSortMenu .actions-menu-item:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Active / checked menu rows — soft nord wash */
html[data-theme="dark"] #listOptionsPanel .actions-menu-item[aria-checked="true"],
html[data-theme="dark"] #listOptionsPanel .list-options-owner-item--active,
html[data-theme="dark"] #listOptionsPanel .list-options-tasks-link-item--active,
html[data-theme="dark"] #listOptionsPanel .list-options-quick-filter-item--active,
html[data-theme="dark"] body > #listOptionsPanel .actions-menu-item[aria-checked="true"],
html[data-theme="dark"] .list-options-panel .actions-menu-item[aria-checked="true"],
html[data-theme="dark"] .list-options-sort-flyout .actions-menu-item[aria-checked="true"],
html[data-theme="dark"] .list-options-sort-flyout .cc-sort-flyout-active {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-check,
html[data-theme="dark"] .list-options-panel .list-options-check {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-item-icon,
html[data-theme="dark"] #listOptionsPanel .list-options-sort-row .dropdown-icon,
html[data-theme="dark"] .list-options-panel .list-options-item-icon {
  color: #b0b0b0 !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Soft gutters / dividers — no heavy card chrome */
html[data-theme="dark"] #listOptionsPanel .actions-menu-divider,
html[data-theme="dark"] #listOptionsPanel .list-options-section-divider,
html[data-theme="dark"] body > #listOptionsPanel .actions-menu-divider,
html[data-theme="dark"] .list-options-panel .actions-menu-divider {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(240, 240, 240, 0.1) 12%,
    rgba(240, 240, 240, 0.1) 88%,
    transparent
  ) !important;
  opacity: 1 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-search-empty,
html[data-theme="dark"] #listOptionsPanel .list-options-search-group-header__hint,
html[data-theme="dark"] #listOptionsPanel .list-options-main-nav-hint,
html[data-theme="dark"] .list-options-panel .list-options-main-nav-hint,
html[data-theme="dark"] .list-options-sort-flyout .list-options-main-nav-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] #listOptionsPanel .list-options-group-by-item .list-options-item-icon--group,
html[data-theme="dark"] #listOptionsPanel.list-options-panel--searching .list-options-group-by-item .list-options-item-icon--group {
  color: #81a1c1 !important;
  opacity: 0.9 !important;
}

/* Nested Manage Tabs list rows */
html[data-theme="dark"] #mainNavTabOrderFlyout .list-options-main-nav-item,
html[data-theme="dark"] #ccMainTabOrderFlyout .list-options-main-nav-item,
html[data-theme="dark"] .list-options-main-nav-tab-order-flyout .list-options-main-nav-item {
  background: transparent !important;
  color: #f0f0f0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #mainNavTabOrderFlyout .list-options-main-nav-item:hover,
html[data-theme="dark"] #ccMainTabOrderFlyout .list-options-main-nav-item:hover,
html[data-theme="dark"] .list-options-main-nav-tab-order-flyout .list-options-main-nav-item:hover {
  background: #2a2a2a !important;
}

/* Criteria facet floating menus spawned from View Settings / (i) summary */
html[data-theme="dark"] .loc-criteria-facet-floating-menu,
html[data-theme="dark"] .cc-cc-criteria-mini-dropdown,
html[data-theme="dark"] body > .loc-criteria-facet-floating-menu,
html[data-theme="dark"] body > .cc-cc-criteria-mini-dropdown {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] .loc-criteria-facet-floating-menu .actions-menu-item:hover,
html[data-theme="dark"] .cc-cc-criteria-mini-dropdown .actions-menu-item:hover {
  background: #2a2a2a !important;
}

/* Quiet scrollbar inside long View Settings panels */
html[data-theme="dark"] #listOptionsPanel,
html[data-theme="dark"] #ccListOptionsPanel,
html[data-theme="dark"] .list-options-panel.td-list-options-glass {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(240, 240, 240, 0.18) transparent !important;
}

/* HARD: scroll-chrome never opaque (People / shared list surfaces) */
html[data-theme="dark"] body[data-theme="momentum"] .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v78 — Home Attio flatten (Cursor Dark / better-than-Attio)
   Target: Home / Command Center only (`data-view="analytics"` / .commandCenter).
   Kill six KPI metric cards → sparse label/value strip; flatten Create New /
   Project Timeline / Project Health card stack; soften alert pill bar; toolbar
   = People craft (search charcoal, Create soft nord, Deal Doctor nord ghost);
   tabs nord hairline; Arrange/gear muted; quiet progress; ASK + JO nord.
   HARD: do NOT touch People scroll-chrome / v70 AI+Filter centering / Deals.
   Second flatten in same bump — kill leftover frames harder.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Flush #141414 canvas — one composition, no nested voids ──────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap.analyticsPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
  box-shadow: none !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-header-left {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

/* ── 1) Alert status bar — charcoal strip; quiet dots; kill candy pills ──── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-header .cc-subtitle {
  background: transparent !important;
  gap: 4px 14px !important;
  align-items: center !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill:focus-visible {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  padding: 2px 8px 2px 0 !important;
  gap: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  background: #909090 !important;
  opacity: 0.85 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--overdue-tasks::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--no-next-step::before {
  background: #b87a7a !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--missing-close::before {
  background: #b89a6a !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--pipeline-forecast::before {
  background: #81a1c1 !important;
  opacity: 0.85 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--overdue-tasks,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--overdue-tasks:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--no-next-step,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--no-next-step:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--missing-close,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--missing-close:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--pipeline-forecast,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--pipeline-forecast:hover {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* "closing this week" inline span — quiet, not candy green */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle span[style*="059669"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle span[style*="color:#059669"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-header span[style*="059669"] {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-filter-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-strip-dismiss {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-strip-dismiss:hover {
  color: #b0b0b0 !important;
  background: #2a2a2a !important;
}

/* ── 2) Toolbar — People craft: search charcoal; Create nord; Doctor ghost ─ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection {
  --list-toolbar-view-settings-idle-fill: transparent;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-bar-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-toolbar-create-group {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-search-input {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input:focus-visible {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* View Settings + Info — demoted muted ghost */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsBtn.actions-dropdown-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsCriteriaSummaryBtn.list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccFilterToggleBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .list-options-criteria-summary-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsBtn.actions-dropdown-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsCriteriaSummaryBtn:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* Deal Doctor — nord outline/ghost (NOT gold, NOT purple sparkle brick) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccDealDoctor.filter-add-btn.filter-add-btn--toolbar {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  min-width: unset !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccDealDoctor.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor .filter-add-btn-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccDealDoctor .cc-svg-ico {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
}

/* Create New — soft nord fill (People recipe; NOT navy/purple brick) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccCreateNewBtn.filter-add-btn.filter-add-btn--toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccCreateNewBtn.filter-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccCreateNewBtn.filter-add-btn.filter-add-btn--toolbar {
  background: rgba(129, 161, 193, 0.16) !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  padding: 0 12px !important;
  min-width: unset !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccCreateNewBtn.filter-add-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccCreateNewBtn.filter-add-btn.filter-add-btn--toolbar:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccCreateNewBtn.filter-add-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccCreateNewBtn .filter-add-btn-text {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

/* Kill bevel / sheen / glow on Home create controls */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-add-btn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .filter-add-btn::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsBtn::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccViewSettingsBtn::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* ── 3) Tabs — nord hairline active; counts #909090; no filled pill tabs ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tabs {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab:last-child {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab:hover:not(.active) {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab.active::after {
  content: "" !important;
  background: #81a1c1 !important;
  background-image: none !important;
  height: 2px !important;
  border-radius: 1px !important;
  bottom: 0 !important;
  left: 10px !important;
  right: 10px !important;
  opacity: 0.92 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .gmail-tab-count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .gmail-tab.active .gmail-tab-count {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  padding: 0 !important;
}

/* Arrange / gear — demote muted */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-layout-edit-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-customize-widgets-btn.cc-btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter #ccLayoutEditToggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter #ccCustomize {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-btn-secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-customize-widgets-btn.cc-btn-secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter #ccLayoutEditToggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter #ccCustomize:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-customize-widgets-btn .cc-svg-ico,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter #ccCustomize svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ── 4) KPI row — ONE sparse horizontal strip (NOT six rounded cards) ────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-executive-kpi-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-executive-kpi-strip {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 10px !important;
  padding: 6px 0 10px !important;
  overflow-x: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.cc-kpi--drilldown,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.cc-kpi--drilldown:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.quota,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.activity {
  flex: 1 1 0 !important;
  min-width: 112px !important;
  min-height: 0 !important;
  max-width: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 14px !important;
  gap: 2px !important;
  transform: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi + .cc-kpi,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.cc-kpi--drilldown + .cc-kpi {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi::after {
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-shadow: none !important;
  margin-bottom: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-sales-kpi-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
  font-size: clamp(16px, 1.4vw, 22px) !important;
  text-shadow: none !important;
  line-height: 1.15 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-sub {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-shadow: none !important;
  font-size: 11px !important;
  margin-top: 1px !important;
}

/* Quiet nord progress track — kill loud green/red neon fills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-progress {
  background: #2a2a2a !important;
  background-image: none !important;
  border-radius: 2px !important;
  height: 3px !important;
  margin-top: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-progress-fill {
  background: #81a1c1 !important;
  background-image: none !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ── 5) Three-column widgets — flush panels; list rows; kill card chrome ─── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-row {
  gap: 0 !important;
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-section {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card + .cc-widget-card {
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-section-header {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-title * {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-title-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-section-title-lead-icon {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-body {
  background: transparent !important;
  color: #b0b0b0 !important;
  padding: 6px 10px 10px !important;
  min-height: 0 !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-action,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-action--gear {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Create New column — list rows, not tall button cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item:hover {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  min-height: 40px !important;
  padding: 8px 6px !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item:last-child {
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item .cc-svg-ico {
  color: #81a1c1 !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* Project Timeline — editorial list rows (title · progress quiet · days) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-item:hover {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 4px !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-item:last-child {
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-days {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-days.overdue {
  color: #c09090 !important;
  -webkit-text-fill-color: #c09090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-bar {
  background: #2a2a2a !important;
  background-image: none !important;
  border: none !important;
  border-radius: 2px !important;
  height: 3px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-fill {
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-timeline-fill.overdue {
  background: #b87a7a !important;
  background-image: none !important;
}

/* Project Health — sparse counts + quiet list; soft status dots only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-widget {
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-summary {
  display: flex !important;
  gap: 0 !important;
  margin-bottom: 4px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-bottom: 8px !important;
  grid-template-columns: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-item.healthy,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-item.warning,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-item.critical {
  flex: 1 1 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  text-align: left !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-item + .cc-health-item {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-count {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 18px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  justify-content: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-label--ok .cc-health-ico {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-label--warn .cc-health-ico {
  color: #b89a6a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-label--crit .cc-health-ico {
  color: #b87a7a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-project,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-project:hover {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 4px !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-project:last-child {
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-project-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-score {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-resource-bar {
  background: #2a2a2a !important;
  background-image: none !important;
  border: none !important;
  border-radius: 2px !important;
  height: 3px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-fill {
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Soften inline health icon colors (keep warn/crit readable, not neon) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="10b981"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="#10b981"] {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="f59e0b"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="#f59e0b"] {
  color: #b89a6a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-health-icon[style*="#ef4444"] {
  color: #b87a7a !important;
}

/* Related list/activity rows inside Home — same flatten */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-calendar-event,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-budget-stat,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-resource-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-milestone-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-dependency-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-conversion-stat,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-roi-stat,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-rep-stage-row {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-calendar-event:hover {
  background: #1e1e1e !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ── 6) ASK — nord quiet (Home scoped) ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.8 !important;
  filter: drop-shadow(-2px 2px 10px rgba(0, 0, 0, 0.35)) !important;
  transition: opacity 0.14s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab__icon,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab__svg,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap--dragging,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within .ask-lite-edge-tab,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab--active,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #askLiteRoot .ask-lite-edge-tab-wrap--open .ask-lite-edge-tab {
  background: #222a30 !important;
  border-color: rgba(136, 192, 208, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── 7) JO avatar — charcoal + nord (reinforce under Home) ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userMenuBtn .header-avatar,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userAvatar.header-avatar,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userMenuBtn #userAvatar.header-avatar {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userMenuBtn .header-avatar #userInitials,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userAvatar.header-avatar #userInitials,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="analytics"]) #userMenuBtn #userInitials {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v78 flatten pass 2 — still dashboard-of-boxes? Kill harder
   Soften remaining frames, denser strip, quieter chrome, protect People hard.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-executive-kpi-strip {
  padding: 2px 0 8px !important;
  margin-bottom: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi.cc-kpi--drilldown {
  padding: 2px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-row {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-linkedin-queue-banner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-onboarding-checklist,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-velocity-stats,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-activity-bars,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-velocity-chart,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-donut-center {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-linkedin-queue-banner {
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-layout-edit-banner {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-chip--muted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-contact-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-action-btn:not(.primary),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-explanation,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-flag.high,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-task-edit-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Portaled Home menus stay charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .td-list-options-glass,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection .actions-menu,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccListOptionsPanel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSortMenu,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccMainTabOrderFlyout {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* HARD: scroll-chrome never opaque (People / shared list surfaces) */
html[data-theme="dark"] body[data-theme="momentum"] .list-workspace-scroll-chrome,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell .list-workspace-scroll-chrome {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* HARD: People search AI/Filter keep v70 centering (do not regress) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > #quickSearchPaletteBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection .filter-search-wrap > #filterBtn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v79 — Deal workspace Focused view (Overview / Details / Activity / Financials)
   Cursor Dark / better-than-Attio flatten.
   Scope: #dealWorkspaceMount[data-deal-workspace-mode="simple"] (+ simple-page).
   Screenshot audit: nested CRM card stack; white Notes/Forecast/Map from
   summary grid `background:#fff !important`; competing blue/purple primaries;
   dashboard of equal cards. This pass: flush #141414, soft gutters only,
   identity strip, section rows not cards, Edit sole gold, nord secondary tools.
   Flatten pass baked in (not just recolor). Do not regress contact polish.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shared scope tokens ─────────────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] {
  --ds-page-bg: #141414;
  --ds-form-bg: #141414;
  --ds-border: rgba(240, 240, 240, 0.08);
  --ds-border-strong: rgba(240, 240, 240, 0.12);
  --ds-label-color: #909090;
  --ds-value-color: #f0f0f0;
  --ds-section-color: #909090;
  --ds-input-border: rgba(240, 240, 240, 0.12);
  --ds-input-bg: #1a1a1a;
  --ds-input-readonly-bg: #181818;
  --ds-empty-color: #909090;
  --ds-card-shadow: none;
  --ds-focused-surface-shadow: none;
  --ds-focused-surface-radius: 0;
  --ds-focused-stack-gap: 0;
  color: #f0f0f0 !important;
  background: #141414 !important;
}

/* ── 1) Flush canvas — kill nested card-in-void ──────────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-workspace,
  .deal-workspace-body,
  .deal-main-content,
  .deal-main-content--workspace,
  .deal-unified-rail-layout,
  .deal-unified-rail-layout__main,
  .deal-unified-rail-layout__panels,
  .deal-section-panel,
  .deal-hero,
  .deal-sticky-stack
) {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header.deal-header--workspace {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Header contact card — soft surface, not blue folder chrome */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-header-pc__name,
  .deal-header-pc__company,
  .deal-title--workspace
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-header-context,
  .deal-header-pc__title,
  .deal-header-pc__meta,
  .deal-header-pc__row--touch
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Focused / Full — demote; quiet segmented control */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:focus-within {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-btn {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-btn--active {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Tabs — nord active underline; flush */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tabs {
  background: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab:hover {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab[aria-selected="true"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* ── 2) Overview — flatten card stack → one composition ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-focused-identity,
  .deal-focused-guidance,
  .deal-focused-pulse,
  .deal-focused-pulse-forecast,
  .deal-focused-pulse-forecast__pulse,
  .deal-focused-pulse-forecast__notes,
  .deal-focused-pulse-forecast__forecast,
  .deal-focused-disclosure,
  .deal-focused-map-affordance,
  .deal-first-guide,
  .deal-first-guide-invite
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) :is(
  .deal-focused-identity,
  .deal-focused-guidance,
  .deal-focused-pulse,
  .deal-focused-pulse-forecast__notes,
  .deal-focused-pulse-forecast__forecast,
  .deal-focused-map-affordance
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Soft gutters between overview blocks */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-identity {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 8px 0 10px !important;
  margin: 0 0 4px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  background: #141414 !important;
  min-height: 0 !important;
  padding: 14px 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  background-color: #141414 !important;
  padding: 12px 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
  background-color: #141414 !important;
  padding: 10px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance .deal-focused-map-affordance__title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
}

/* Identity strip — sparse label/value, soft dividers (not mini-tiles) */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 6px 0 10px !important;
  margin: 0 0 2px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  padding: 6px 14px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric + .deal-focused-identity__metric {
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric:hover {
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__val,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__trailing {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__pill {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* Guidance / pulse typography + kill urgent filled panels */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-focused-guidance__title,
  .deal-focused-pulse__title,
  .deal-focused-pulse__row-value,
  .deal-focused-pulse__healthy-title
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-focused-guidance__eyebrow,
  .deal-focused-guidance__explain,
  .deal-focused-pulse__subtitle,
  .deal-focused-pulse__row-label,
  .deal-focused-pulse__row-detail,
  .deal-focused-pulse__time,
  .deal-focused-pulse__healthy-detail,
  .deal-closing-lens__notes-label,
  .deal-forecast-period,
  .deal-forecast-label
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--healthy {
  background: #141414 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent {
  box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.65) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row {
  min-height: 44px !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row:hover {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--warning {
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--urgent {
  box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.65) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--warning {
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--urgent .deal-focused-pulse__row-status {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__view-activity {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__view-activity:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Chips — quiet, never gold */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__chip {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 4px !important;
  min-height: 26px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__chip--urgent {
  background: rgba(127, 29, 29, 0.28) !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.28) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__chip--warning {
  background: rgba(120, 53, 15, 0.28) !important;
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

/* Notes / forecast inputs — charcoal, never white */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes .deal-closing-lens__notes-ta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast .deal-forecast-just-input,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-closing-lens__notes-ta,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-just-input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast .deal-forecast-just-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes .deal-closing-lens__notes-ta:focus {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}

/* Forecast segments — quiet outline; active nord */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-seg {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-seg.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-seg[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-seg--active {
  background: rgba(129, 161, 193, 0.16) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* ── 3) CTA hierarchy — Edit gold; everything else nord ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .btn.primary,
  .deal-action-primary,
  .deal-focused-guidance__cta.primary,
  .deal-focused-guidance__cta.btn.primary,
  .deal-focused-map-affordance__btn,
  .deal-focused-pulse__full-btn,
  .deal-focused-pulse__mini-btn
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .btn.primary,
  .deal-action-primary,
  .deal-focused-guidance__cta.primary,
  .deal-focused-map-affordance__btn,
  .deal-focused-pulse__full-btn,
  .deal-focused-pulse__mini-btn
):hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

/* AI coaching — nord quiet (kill purple) */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__why {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__why:hover {
  background: #1e1e1e !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Secondary outline buttons */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .btn:not(.primary):not(.deal-action-primary),
  .deal-action-btn:not(.deal-action-primary),
  .deal-task-action-btn,
  .dli-action-btn
):not([data-section-edit]):not([data-section-save]) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .btn:not(.primary):not(.deal-action-primary),
  .deal-action-btn:not(.deal-action-primary),
  .deal-task-action-btn,
  .dli-action-btn
):not([data-section-edit]):not([data-section-save]):hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* Edit — sole gold primary */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] button.deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-edit]:hover:not(:disabled) {
  filter: brightness(1.05) !important;
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border-color: transparent !important;
}

/* Save — green (parity with contact) */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-save],
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] button[data-section-save] {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Back — quiet nord text */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-back-btn,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-back-btn--workspace {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Project chip in header — nord quiet */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-context__bit,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-context a,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-context button {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ── 4) Details — soft sections, snug rows, no card frames ───────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-card,
  .deal-card--primary,
  .deal-card--secondary,
  .deal-card--tertiary,
  .deal-contract-basics-card,
  .dli-section-card
) {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-bottom: 8px !important;
  margin-bottom: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-header {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card,
  .deal-workspace-pipeline-field,
  .deal-workspace-pipeline-read,
  .deal-contract-field,
  .deal-simple-closing-row,
  .deal-details-field--next-step,
  .deal-details-field--last-activity
) {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 32px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card,
  .deal-workspace-pipeline-field,
  .deal-contract-field,
  .deal-simple-closing-row
):hover {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__label,
  .deal-simple-closing-row__label,
  .deal-contract-field > span:first-child
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__value,
  .deal-simple-closing-row__value,
  .deal-stage-static-value
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Buying team / competitors — rows not people-cards */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-buying-team__person,
  .deal-rel-map__node,
  .deal-competitor-picker,
  .deal-playbook-step,
  .deal-sequences-embed-row,
  .deal-comment
) {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person--primary {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: inset 3px 0 0 rgba(129, 161, 193, 0.55) !important;
}

/* ── 5) Activity (motion) — readable list rows ───────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-card,
  .deal-customer-motion,
  .deal-customer-motion__band,
  .deal-meetings-body,
  .deal-portal-lists,
  .deal-portal-list-block,
  .deal-messages-body,
  .deal-tasks-list
) {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] > .deal-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] > [data-section-anchor] {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-bottom: 2px !important;
  padding-bottom: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header {
  background: transparent !important;
  border: none !important;
  padding: 10px 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row,
  .deal-message-row,
  .deal-task-item,
  .dli-item,
  .deal-portal-list-block li
) {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row,
  .deal-message-row,
  .deal-task-item
):hover {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-task-meta,
  .deal-meeting-row__meta,
  .deal-message-row__meta,
  .deal-comment__meta
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-task-item.overdue {
  background: transparent !important;
  box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.65) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-tasks-empty,
  .deal-meetings-empty
) {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
}

/* ── 6) Financials — strip totals; table as rows ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-card,
  .deal-line-items,
  .deal-line-items-table,
  .deal-line-items-table-wrap,
  .dli-table-wrap,
  .dli-section-card,
  .deal-contract-basics-card,
  .deal-contract-grid,
  .dli-totals-footer
) {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] > .deal-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] > [data-section-anchor] {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-bottom: 10px !important;
  margin-bottom: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-card-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .dli-table,
  .dli-table thead,
  .dli-table tbody,
  .dli-table tr,
  .dli-table th,
  .dli-table td
) {
  background: transparent !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-table thead th {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-row:hover :is(td, th) {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-totals-footer {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding-top: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-total-row {
  flex: 1 1 auto !important;
  padding: 6px 14px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-total-row:first-child {
  border-left: none !important;
  padding-left: 0 !important;
}

/* ── 7) Shared inputs / empty / portals under Focused ────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  input,
  textarea,
  select,
  .deal-modal-input,
  .deal-modal-select,
  .deal-modal-textarea,
  .mm-styled-select__trigger
) {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] :is(
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-tasks-empty,
  .dli-empty-state
) {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #909090 !important;
}

/* Portaled menus stay charcoal */
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) :is(
  .deal-dropdown-menu,
  .deal-strip-actions__menu,
  .deal-comments-help-popover,
  .mm-styled-select__menu,
  .actions-menu
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* ASK — demote under Focused deal */
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.72 !important;
  transition: opacity 0.14s ease !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab {
  background: #1e1e1e !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  border-right: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* ── 8) Flatten pass 2 — tighter overview grid, kill remaining chrome ────── */
@media (min-width: 960px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) {
    gap: 12px !important;
    column-gap: 28px !important;
    row-gap: 8px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    min-height: 0 !important;
    padding: 12px 4px 16px !important;
    border: none !important;
    border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero {
    min-height: 0 !important;
    border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-right: 20px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    padding-left: 8px !important;
  }
}

/* Reduce summary card stack gap on all sizes */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) {
  gap: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v79 — Settings modal: Cursor Dark / better-than-Attio (ALL pages)
   Target: #settingsModal / .settings-modal-v2 — every nav option.
   Flush #141414, soft gutters, kill purple mesh / card stack / blue glow nav.
   Gold only for Save (true primary). Secondary tools = nord quiet.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell: one flush charcoal composition ─────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal.backdrop,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modal,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-shell,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-layout,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-main,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modalBody {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 {
  border-radius: 12px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Kill purple/indigo content mesh wash */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content::before,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__mesh,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-popover__shine {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}

/* ── Sidebar nav — quiet list, nord active (no blue pill / glow) ───────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-mobile-bar {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar {
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header {
  padding: 16px 14px 12px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  max-width: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint strong {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
  padding: 14px 14px 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
  padding: 8px 14px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item:hover {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-left: 2px solid #81a1c1 !important;
  padding-left: 14px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item .settings-nav-svg {
  color: #909090 !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-svg {
  color: #81a1c1 !important;
  stroke: currentColor !important;
  filter: none !important;
  stroke-width: 2 !important;
}

/* Close — quiet charcoal, never gold */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-mobile-close-btn {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-mobile-close-btn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-mobile-select {
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

/* ── Page hero / header — sparse editorial, no purple ──────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-header {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 18px 24px 14px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__eyebrow {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  letter-spacing: 0.1em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__title,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-title {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-helper {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  padding: 10px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip-mark {
  background: #2a2a2a !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body {
  padding: 16px 24px 28px !important;
}

/* ── Flatten cards → soft sections (all pages) ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card.settings-card--danger,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogToolbar.settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard.settings-card {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card:first-child,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:first-of-type {
  border-top: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  padding: 12px 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body {
  background: transparent !important;
  padding: 12px 0 16px !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title-icon {
  opacity: 0.7 !important;
  filter: grayscale(0.3) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-subsection {
  border-top-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-subsection-title,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Fields / inputs — charcoal, soft border */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-input,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content select,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content textarea,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body select,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body textarea,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card select,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card textarea,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #svcCatalogSearch,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsSearch,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-data-tables-select {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content textarea:focus {
  border-color: rgba(129, 161, 193, 0.45) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.15) !important;
}

/* ── CTA hierarchy: Save gold once; everything else nord/quiet ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content .btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn:hover:not(:disabled) {
  background: #222a30 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  box-shadow: none !important;
}

/* Save / true primary — green commit (v130c) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:hover:not(:disabled) {
  filter: brightness(1.05) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
}

/* Other primary CTAs (Create / Install / Connect) — nord filled, NOT gold */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #wsSetupGuidedTrainingInstallBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #wsSetupSignShopL2cBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #demoInstallGuidedTrainingBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [id$="GuidedTrainingInstallBtn"] {
  background: #222a30 !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(136, 192, 208, 0.4) !important;
  box-shadow: none !important;
}

/* Re-assert Save green AFTER the nord primary demotion (v130c) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id^="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .save-company-btn.btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn:disabled,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn:disabled {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  opacity: 0.7 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-btn-danger:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.settings-btn-danger:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border: 1px solid rgba(248, 113, 113, 0.35) !important;
  box-shadow: none !important;
}

/* Help ? — hover-only quiet */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .l2c-feature-help-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  opacity: 0.35 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .l2c-feature-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero:hover .settings-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header:hover .settings-card-help-btn {
  opacity: 1 !important;
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn__ring {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-help-btn__dot {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Help popovers / fullpage guides — charcoal portals */
html[data-theme="dark"] body[data-theme="momentum"] .settings-help-popover,
html[data-theme="dark"] body[data-theme="momentum"] .settings-help-fullpage-panel,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-popover,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .settings-help-fullpage-panel,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .td-glass-modal {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .settings-help-popover__title,
html[data-theme="dark"] body[data-theme="momentum"] .settings-help-prose,
html[data-theme="dark"] body[data-theme="momentum"] .settings-help-list {
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .settings-help-popover__close {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
}

/* ── List rows (users / stages / tools / tables) — not record cards ────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-prob-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-prob-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label:hover {
  background: #1e1e1e !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row-email {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row-meta,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-toolbar-desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty-text {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-badge {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 14px 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tools-grid {
  gap: 0 !important;
}

/* Tables */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal table.settings-table,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-table,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tables-grid-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal table.settings-table th,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal table.settings-table td,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-table th,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-table td,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table th,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table td {
  background: #141414 !important;
  color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal table.settings-table tbody tr:hover td,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-table tbody tr:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table tbody tr:hover td {
  background: #1e1e1e !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-data-tables-toolbar {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-prob-remove {
  color: #909090 !important;
  background: transparent !important;
  border: none !important;
  opacity: 0.4 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row:hover .settings-prob-remove,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-prob-row:hover .settings-prob-remove {
  opacity: 1 !important;
  color: #fca5a5 !important;
}

/* Setup progress / workspace setup */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-meta,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-done-note {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-progress-track {
  background: #2a2a2a !important;
  border-radius: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-progress-fill {
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-pct {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next-link {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next-link:hover {
  background: #222a30 !important;
  color: #88c0d0 !important;
}

/* Parts & Services / Invoices & Payments tab shell */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-shell,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-panels,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist.contact-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tabs-nav {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn:hover {
  background: transparent !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn.active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Payment / readiness callouts — quiet nord strip, not blue cards */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-payment-setup-callout,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-payment-setup-banner,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-banner,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-stripe-sync-banner,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-stripe-payment-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-row {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-payment-setup-callout-content strong,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-banner-title,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-row-text strong {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-payment-setup-callout-content p,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-banner-lede,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-row-text span {
  color: #909090 !important;
}

/* Inline light leftovers inside catalogs */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList [style*="color:#0f172a"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList [style*="color: #0f172a"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background:#fff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background: #fff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background:#ffffff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background: #ffffff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background:#f8fbff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="background:#f8fafc"] {
  background: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList [style*="color:#64748b"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList [style*="color:#94a3b8"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #svcCatalogStatus {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Empty states */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty {
  padding: 28px 16px !important;
}

/* Stage table headers */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-header div {
  color: #909090 !important;
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-drag-handle {
  color: #6a6a6a !important;
}

/* Users toolbar */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-toolbar {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 0 0 12px !important;
  margin-bottom: 8px !important;
}

/* Guided training launch — nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [data-td-guided-training-launch] {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Prefer user preferences modal if opened from settings context */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-section,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-sig-toolbar {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v80 flatten pass 1 — Settings still reads as dashboard-of-cards?
   Harder flatten: denser sections, quieter chrome, kill remaining fills,
   demote Competing gold, soft gutters only, list-row density.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Modal outer frame quieter */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 {
  border-radius: 8px !important;
}

/* Sidebar denser / flush */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar {
  width: 240px !important;
  min-width: 240px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav {
  padding: 6px 0 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item {
  padding: 7px 12px !important;
  font-size: 12px !important;
  min-height: 34px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group {
  margin-bottom: 2px !important;
}

/* Hero quieter — title + one line; tip demoted */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero {
  padding: 14px 24px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip {
  opacity: 0.85 !important;
  margin-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body {
  padding: 8px 24px 24px !important;
}

/* Cards: zero fill, only soft divider — kill any leftover surface fills */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header {
  padding: 10px 0 6px !important;
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body {
  padding: 4px 0 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer {
  padding: 8px 0 14px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.04) !important;
}

/* Field density */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-field {
  margin-bottom: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-row {
  gap: 12px 16px !important;
  margin-bottom: 12px !important;
}

/* Tools grid → stacked list rows */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tools-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 8px 16px !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-header {
  grid-column: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-actions,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card .btn {
  grid-column: 2 !important;
  justify-self: end !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-desc {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  font-size: 12px !important;
}

/* User / stage rows denser */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row {
  padding: 8px 4px !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row {
  padding: 6px 0 !important;
  gap: 8px !important;
}

/* Kill nested mini-tiles / badge chrome noise */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-badge--disabled {
  background: transparent !important;
  color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}

/* Progress strip — sparse, not a card */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card {
  padding: 12px 0 16px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-head {
  margin-bottom: 8px !important;
}

/* Secondary footer actions stay nord; only last primary Save stays gold */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn:not(.primary):not(.settings-btn-danger) {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
}

/* Ensure no gold leaks onto Create / Add / Invite / Open / Manage */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Create"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Add"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Invite"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Install"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Connect"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Import"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[id*="Export"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-toolbar .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tools-grid .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-actions .btn.primary:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Tables flush */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tables-grid-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-data-tables-body {
  background: #141414 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Checkbox rows as list lines */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label {
  padding: 10px 4px !important;
  border-radius: 0 !important;
}

/* Callouts as soft strips, not filled cards */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-payment-setup-callout,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-payment-setup-banner,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .invoice-readiness-banner {
  background: transparent !important;
  border: none !important;
  border-left: 2px solid #81a1c1 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  margin: 0 0 12px !important;
}

/* Embed settings path stays consistent */
html[data-theme="dark"][data-td-settings-embed="1"] #settingsModal .settings-modal-v2 .settings-nav-item.active {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-left: 2px solid #81a1c1 !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v80 — Deal Focused tabs POLISH PASS 1 (perfect density / kill leftovers)
   After v79 flush: indigo tab underline still leaked from simple-mode;
   Activity meetings/portal still painted bordered #1a1a1a shells; Edit gold
   lost to body.deal-workspace-simple-page secondary/white rules; primaries
   still used --ds-accent blue. This pass locks nord tabs, transparent list
   shells, Edit gold + Save green with winning specificity, accent→nord.
   Tabs: Overview · Details · Activity · Financials.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Accent tokens — nord, never indigo/blue fill primaries */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"],
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] {
  --ds-accent: #81a1c1;
  --ds-accent-hover: #88c0d0;
  --deal-accent: #81a1c1;
  --ds-btn-secondary-bg: transparent;
  --ds-btn-secondary-border: rgba(240, 240, 240, 0.12);
  --ds-btn-secondary-color: #81a1c1;
  --ds-btn-secondary-hover-bg: #1e1e1e;
  --ds-btn-secondary-hover-border: rgba(129, 161, 193, 0.4);
  --ds-edit-btn-bg: transparent;
  --ds-edit-btn-bg-hover: #1e1e1e;
  --ds-edit-btn-border: rgba(240, 240, 240, 0.12);
  --ds-edit-btn-color: #81a1c1;
}

/* Tabs — kill indigo (#6366f1 / #312e81) from simple-mode */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab:hover {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab.is-active,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab[aria-selected="true"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  font-weight: 650 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* Edit gold — beat simple-page secondary/white + dark-deals nord fill */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn.btn.primary:not([data-section-save]),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] button.deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  border: none !important;
  border-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-edit]:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn.btn.primary:not([data-section-save]):hover {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  border-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  filter: brightness(1.04) !important;
}

/* Save green — beat --ds-accent blue primary */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header-edit-btn[data-section-save],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] #saveContractBasicsBtn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] #saveDealOrderInfoBtn {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  border: none !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
}

/* All other primaries → nord outline (Open task, Create, Invoice, Map) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .btn.primary:not([data-section-edit]):not([data-section-save]):not(#saveContractBasicsBtn):not(#saveDealOrderInfoBtn),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-action-primary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__cta.btn.primary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-map-affordance__btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .dli-header-actions .btn.primary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .dli-add-first-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .btn.primary:not([data-section-edit]):not([data-section-save]):not(#saveContractBasicsBtn):not(#saveDealOrderInfoBtn):hover:not(:disabled),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-action-primary:hover:not(:disabled),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-map-affordance__btn:hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

/* Overview — guidance density + kill purple focus rings */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__title {
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__explain {
  font-weight: 450 !important;
  font-size: 0.88rem !important;
  max-width: 52ch !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__cta {
  min-height: 32px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-closing-lens__notes-ta:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-forecast-just-input:focus {
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.16) !important;
  outline: none !important;
}

/* Notes / Forecast labels — sparse editorial */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-closing-lens__notes-label,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-label-row--above-seg .deal-forecast-period {
  font-size: 10px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Pulse header — quieter subtitle + full-snapshot as text link */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__subtitle {
  font-size: 12px !important;
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__full-btn {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  min-height: 28px !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__full-btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
}

/* Activity — kill bordered list shells from dark-deals */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meetings-col__list,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-portal-list-block,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meetings-col__list,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-portal-list-block {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meetings-col__head,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meetings-col__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-weight: 650 !important;
  padding: 8px 0 4px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meeting-row__title,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-task-title,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-message-row__title,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-portal-doc-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] :is(
  .deal-meeting-badge--booked,
  .deal-meeting-badge--manual,
  .deal-meeting-badge--call,
  .deal-motion-pill
) {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meeting-row__prep,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meeting-row__tx--recap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-section-panel="motion"] .deal-meeting-row__email-draft {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
}

/* Details — snug section headers + field contrast floor */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-header {
  min-height: 36px !important;
  padding: 8px 0 4px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__label,
  .deal-simple-closing-row__label,
  .deal-contract-field > span:first-child
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-numbers__stage-pill {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Financials — flatten empty + invoice chrome */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .dli-empty-state,
  .deal-empty-state
) {
  background: transparent !important;
  border: 1px dashed rgba(240, 240, 240, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 20px 12px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-empty-icon {
  display: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-empty-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-table tbody td {
  min-height: 40px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #f0f0f0 !important;
}

/* ? help — hover only on Focused */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-help-wrap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-comments-help-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-deal-help] {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-label-row:hover .deal-forecast-help-wrap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-label-row:focus-within .deal-forecast-help-wrap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header:hover .deal-comments-help-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-card-header:focus-within .deal-comments-help-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-forecast-help-wrap:focus-within,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-comments-help-btn:focus-visible {
  opacity: 0.9 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v81 — Deal Focused tabs POLISH PASS 2 (harder Attio sparsity)
   Pass 1 still reads busy: header contact dump, Finish setup always loud,
   Map as filled CTA bar, pulse tools always on, secondary Details sections
   compete with primary fields. This pass: rest-state header, hover tools,
   Map as quiet text row, demote secondary Details, compress Overview rhythm.
   Re-audit: one composition, soft gutters, Edit sole gold.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Header at rest — name + one meta; phone/email/last on hover */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner .deal-header-pc__meta {
  opacity: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  transition: opacity 0.12s ease, max-height 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover .deal-header-pc__meta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within .deal-header-pc__meta {
  opacity: 1 !important;
  max-height: 48px !important;
  overflow: visible !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner {
  background: transparent !important;
  border-color: transparent !important;
  padding: 4px 8px !important;
  transition: background 0.12s ease, border-color 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* Focused/Full — nearly invisible until hover */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle {
  opacity: 0.35 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact:hover .deal-workspace-mode-toggle,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact:focus-within .deal-workspace-mode-toggle,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:focus-within {
  opacity: 1 !important;
}

/* Project chip — quieter at rest */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-context {
  opacity: 0.7 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header:hover .deal-header-context,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header:focus-within .deal-header-context {
  opacity: 1 !important;
}

/* Overview identity — amount leads; stage/close/owner quieter */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric--value .deal-focused-identity__val {
  font-size: 1.35rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity__metric:not(.deal-focused-identity__metric--value) .deal-focused-identity__val {
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-identity {
  padding: 4px 0 8px !important;
  margin-bottom: 0 !important;
}

/* Guidance chips + Finish setup — demote until hover */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__setup {
  opacity: 0.45 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:hover .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:focus-within .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:hover .deal-focused-guidance__setup,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:focus-within .deal-focused-guidance__setup,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__setup.is-open {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__coaching-wrap {
  opacity: 0.55 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:hover .deal-focused-guidance__coaching-wrap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance:focus-within .deal-focused-guidance__coaching-wrap,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--coaching-open .deal-focused-guidance__coaching-wrap {
  opacity: 1 !important;
}

/* Pulse tools — View full snapshot + Reschedule mini quieter at rest */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__mini-btn {
  opacity: 0.4 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse:hover .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse:focus-within .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse:hover .deal-focused-pulse__mini-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse:focus-within .deal-focused-pulse__mini-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__full-btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__mini-btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__full-btn:focus-visible,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__mini-btn:focus-visible {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__mini-btn {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 2px 0 !important;
  min-height: 24px !important;
}

/* Map — quiet text row, not CTA bar */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 8px 0 !important;
  margin-top: 4px !important;
  opacity: 0.65 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance:focus-within {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-map-affordance__btn {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 4px 0 !important;
  min-height: 28px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-map-affordance__btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-map-affordance__title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Compress Overview vertical rhythm */
@media (min-width: 960px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) {
    gap: 0 !important;
    column-gap: 32px !important;
    row-gap: 0 !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    padding: 10px 0 14px !important;
    min-height: 0 !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
    padding: 10px 0 8px !important;
    min-height: 0 !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero {
    border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-right: 24px !important;
  }
}

/* Details — secondary groups quieter (competitors / playbook / sequences / comments) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"],
  [data-section-anchor="buyingTeam"]
) {
  opacity: 0.72 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"],
  [data-section-anchor="buyingTeam"]
):hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"],
  [data-section-anchor="buyingTeam"]
):focus-within {
  opacity: 1 !important;
}
/* Primary Details sections stay full opacity */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="details"],
  [data-section-anchor="stageNumbers"],
  [data-section-anchor="dealMotion"]
) {
  opacity: 1 !important;
}
/* Section Edit — hover reveal on secondary groups (rail-like quiet) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
) .deal-card-header-edit-btn[data-section-edit] {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
):hover .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
):focus-within .deal-card-header-edit-btn[data-section-edit] {
  opacity: 1 !important;
}

/* Activity — header actions hover-only; denser but readable rows */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header > div:last-child:not(.deal-card-title),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-quick-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions {
  opacity: 0.35 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:hover .deal-card-header > div:last-child:not(.deal-card-title),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:focus-within .deal-card-header > div:last-child:not(.deal-card-title),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:hover .deal-meetings-quick-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:focus-within .deal-meetings-quick-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:hover .deal-doc-portal-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card:focus-within .deal-doc-portal-actions {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row,
  .deal-message-row,
  .deal-task-item
) {
  gap: 4px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  min-height: 44px !important;
}

/* Financials — header actions nord text; totals strip denser */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-header-actions .btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-contract-actions .btn {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 4px 8px !important;
  min-height: 28px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-header-actions .btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-contract-actions .btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: #1e1e1e !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  padding: 4px 12px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-totals-footer {
  padding: 6px 0 0 !important;
  margin-top: 4px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-total-row {
  padding: 4px 12px !important;
  font-size: 12px !important;
}

/* ASK — quieter still under Focused deal */
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.45 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* Final hard kill — no white surfaces can win inside Focused summary */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] :is(
  .deal-focused-pulse-forecast__notes,
  .deal-focused-pulse-forecast__forecast,
  .deal-focused-map-affordance,
  .deal-focused-guidance,
  .deal-focused-pulse,
  .deal-closing-lens__notes-ta,
  .deal-forecast-just-input
) {
  background-color: #141414 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] :is(
  .deal-closing-lens__notes-ta,
  .deal-forecast-just-input
) {
  background-color: #1a1a1a !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v81 — Settings polish pass 2 (all 32 pages)
   Kill white leftovers (tags/lead rows/toggles/cf), purple crumbs,
   demote Import/Export/Refresh off gold, denser chips as list meta.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Lead source / tag / skip / cf rows — flush list lines, never white */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-lead-source-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tag,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-skip-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-section,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-section-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-field-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-toggle,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="ws-setup-menu-toggle"] {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-lead-source-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tag,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-skip-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-field-row {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  min-height: 40px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  margin: 4px 6px 4px 0 !important;
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 4px !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-lead-source-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-field-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-skip-row:hover {
  background: #1e1e1e !important;
}

/* Workspace setup toggles — charcoal switch track, not white */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-toggle,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="ws-setup-menu-toggle"] {
  background: #2a2a2a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 999px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-toggle[aria-checked="true"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-toggle.is-on,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-toggle.is-checked,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="ws-setup-menu-toggle"][aria-checked="true"] {
  background: #81a1c1 !important;
  border-color: #81a1c1 !important;
}

/* Kill any remaining purple / indigo in settings chrome */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip-mark,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn__glyph,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-help-btn__dot,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint strong,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal a {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip-mark {
  background: #2a2a2a !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip-mark::after {
  color: #81a1c1 !important;
}

/* Setup next chips — nord text links, not loud pills */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next-link,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card [class*="next"] a,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card button:not(.primary):not(.settings-btn-danger) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Guided setup walkthrough — nord quiet outline */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar [data-td-guided-training-launch],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar button:not(.settings-nav-item):not(.settings-close-btn) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* Demote Import / Export / Refresh / Connect off gold — nord only */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #importBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #exportAllBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #refreshMarketingDemoDatesBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #resetMarketingDemoBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="import"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Import"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="export"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Export"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Refresh"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="refresh"]:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Help glyph never black */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn__glyph {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Any remaining white / slate fills inside settings content */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:#fff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background: #fff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:#ffffff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background: #ffffff"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:#f8fafc"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:#f1f5f9"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:#e2e8f0"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="background:white"] {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="color:#0f172a"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="color: #0f172a"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="color:#1e293b"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content [style*="color:#334155"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Parts & Services nested cards — keep strip/list, no stacked fills */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogToolbar {
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* Project stages purple leftovers → nord */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [class*="stage"] .btn.primary:not([id*="ave"]):not([id*="Save"]),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="6366f1"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="4f46e5"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="8b5cf6"] {
  color: #81a1c1 !important;
}

/* Checkbox / toggle labels readable */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal label {
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label strong,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v82 — Settings final flatten (polish pass 2 complete)
   Kill help-ring purple gradient, project-stage purple chips,
   workspace-setup white badges/id chip. Soft, simple, Attio-beating.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn__ring,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn .settings-help-btn__ring,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal span.settings-help-btn__ring {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  border: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Workspace setup white leftovers */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-ws-id,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-pack-badge,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-pack-badge--muted,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="ws-setup-pack-badge"] {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-ws-id:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* Project stages / any purple-tinted inline chips → nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="139, 92, 246"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="99, 102, 241"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="79, 70, 229"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="168, 85, 247"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="#8b5cf6"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="#6366f1"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="#a855f7"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body [style*="#4f46e5"] {
  background: rgba(129, 161, 193, 0.14) !important;
  background-color: rgba(129, 161, 193, 0.14) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}

/* Integrations stray white panels */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > div,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body > div {
  border-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body div[style*="background"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body div[style*="background"] {
  background-image: none !important;
}

/* Final density: section titles quieter, one composition */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__row {
  margin-bottom: 6px !important;
}

/* Save green reaffirm (footer only) after all demotions — v130c triad */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}



/* Integrations Apollo credits panel — never light surface-muted */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #integrationsApolloCreditsPanel,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [id*="CreditsPanel"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [style*="surface-muted"] {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v84 — Deal Focused DETAILS tab (better-than-Attio hard flatten)
   Screenshot audit: still a stack of CRM cards — Deal Details / Stage & Numbers
   / Motion / Competitors / Playbook / Buying Team person card / Sequences /
   Comments. Stage track still has blue glow, green done path, loud median
   bench, card chrome. Buying Team person still white+indigo nested card.
   This pass: flush sections, stage track as quiet strip, people as rows,
   secondary groups collapsed quieter. Flatten pass 2 baked in.
   Scope: [data-deal-section-panel="details"] under Focused simple mode.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Kill every section card frame on Details ─────────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-card,
  .deal-card--primary,
  .deal-card--secondary,
  .deal-card--tertiary,
  .deal-buying-team,
  .deal-sequences-embed,
  .deal-competitors-body,
  .deal-playbook-card-body,
  .deal-customer-motion,
  .deal-customer-motion__band
) {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="details"],
  [data-section-anchor="stageNumbers"],
  [data-section-anchor="dealMotion"],
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="buyingTeam"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
) {
  background: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 2px !important;
  padding: 0 0 10px !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-header,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-header--spread {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  padding: 10px 0 6px !important;
  margin: 0 !important;
  min-height: 36px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

/* Field rows — snug, no inset value tiles */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__value,
  .deal-stage-static-value,
  .deal-stage-numbers__stage-pill,
  .deal-simple-closing-row__value,
  .deal-next-step-hit
) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card,
  .deal-workspace-pipeline-field,
  .deal-workspace-pipeline-read,
  .deal-stage-numbers__stage,
  .deal-details-field--next-step,
  .deal-details-field--last-activity,
  .deal-details-field--pain,
  .deal-details-field--brief
) {
  border-top: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.05) !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 32px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__label,
  .deal-simple-closing-row__label,
  .deal-contract-field > span:first-child,
  .deal-stage-numbers__stage > .deal-core-card__label
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-core-card__value--empty,
  .deal-stage-static-value--placeholder,
  .deal-core-grid.deal-core-grid--deal-details-view .deal-core-card__value--empty
) {
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  font-weight: 450 !important;
  opacity: 0.9 !important;
}

/* Gear / pencil field tools — hover only */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-deal-type-settings-btn,
  .deal-create-contact-detail-btn,
  .deal-core-card__edit,
  [data-deal-field-gear],
  button[aria-label*="settings" i],
  button[title*="settings" i]
) {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-core-card:hover :is(
  .deal-deal-type-settings-btn,
  .deal-create-contact-detail-btn,
  .deal-core-card__edit,
  [data-deal-field-gear]
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-core-card:focus-within :is(
  .deal-deal-type-settings-btn,
  .deal-create-contact-detail-btn,
  .deal-core-card__edit,
  [data-deal-field-gear]
) {
  opacity: 0.85 !important;
}

/* Stage pill — nord outline, not filled chip tile */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-numbers__stage-pill {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 4px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 2px 8px !important;
  min-height: 26px !important;
  box-shadow: none !important;
}

/* ── 2) Stage track — quiet strip, no glow / no green / no card ──────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track {
  --stage-dot-size: 22px;
  --stage-ring: 0px;
  --stage-dot-ring: transparent;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)) !important;
  gap: 6px 4px !important;
  padding: 10px 0 6px !important;
  margin: 8px 0 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  outline: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__dot {
  width: var(--stage-dot-size) !important;
  height: var(--stage-dot-size) !important;
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  filter: none !important;
  margin-bottom: 0 !important;
  font-size: 10px !important;
  font-weight: 650 !important;
}

/* Active — nord ring, NO blue glow / gradient fill */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-active .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-active .deal-stage-track__dot {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: #81a1c1 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.28) !important;
  margin-bottom: 0 !important;
  filter: none !important;
}

/* Done — quiet check, not green candy */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-done .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-done .deal-stage-track__dot {
  background: #1a1a1a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-upcoming .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-upcoming .deal-stage-track__dot {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #707070 !important;
  -webkit-text-fill-color: #707070 !important;
}

/* Connectors — soft white-alpha; done = nord, not green */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step:not(:last-child)::after,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step:not(:last-child)::after {
  background: rgba(240, 240, 240, 0.1) !important;
  height: 1px !important;
  opacity: 1 !important;
  top: calc(var(--stage-dot-size) / 2 - 0.5px) !important;
  left: calc(50% + var(--stage-dot-size) / 2 + 4px) !important;
  width: calc(100% - var(--stage-dot-size) - 8px) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-done:not(:last-child)::after,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-done:not(:last-child)::after {
  background: rgba(129, 161, 193, 0.45) !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__label,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  max-width: 76px !important;
  line-height: 1.25 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-active .deal-stage-track__label,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-active .deal-stage-track__label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-done .deal-stage-track__label,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-done .deal-stage-track__label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Bench / Entered / median — hide at rest; reveal only when that stage step
   (number) is hovered/focused — not when the whole Stage & Numbers section
   or track is highlighted, and not persistently for the active stage. */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__bench,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__bench {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 450 !important;
  max-width: 88px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step:hover .deal-stage-track__bench,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step:focus-visible .deal-stage-track__bench,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step:hover .deal-stage-track__bench,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step:focus-visible .deal-stage-track__bench {
  display: block !important;
  min-height: 0 !important;
  margin-top: 2px !important;
}
/* Hovered/focused active stage: nord-quiet accent (not indigo) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-active:hover .deal-stage-track__bench,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step.is-active:focus-visible .deal-stage-track__bench,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-active:hover .deal-stage-track__bench,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step.is-active:focus-visible .deal-stage-track__bench {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
}

/* Kill hover lift / glow / purple pulse on track */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] button.deal-stage-track__step.deal-stage-track__step--clickable:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] button.deal-stage-track__step.deal-stage-track__step--clickable:hover {
  background: #1e1e1e !important;
  transform: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] button.deal-stage-track__step.deal-stage-track__step--clickable:hover .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] button.deal-stage-track__step.deal-stage-track__step--clickable:hover .deal-stage-track__dot,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] button.deal-stage-track__step.deal-stage-track__step--clickable.is-active:hover .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] button.deal-stage-track__step.deal-stage-track__step--clickable.is-active:hover .deal-stage-track__dot {
  transform: none !important;
  filter: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-stage-track__step--pulse .deal-stage-track__dot,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] [data-section-anchor="stageNumbers"] .deal-stage-track__step--pulse .deal-stage-track__dot {
  animation: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.35) !important;
}

/* ── 3) Buying Team — rows, not nested person cards ──────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person--primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person--primary {
  box-shadow: inset 3px 0 0 rgba(129, 161, 193, 0.5) !important;
  padding-left: 10px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__primary-chip {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 22px !important;
  font-size: 11px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  select.deal-buying-team__role-select,
  select.deal-buying-team__reports-select,
  .deal-buying-team__role-select,
  .deal-buying-team__reports-select
) {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  min-height: 30px !important;
  height: 30px !important;
}
/* + Add / Ask AI — nord text, never gold / never purple */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] [data-section-anchor="buyingTeam"] :is(
  .btn,
  .deal-action-btn,
  .deal-rel-map__ai-btn,
  .deal-buying-team__add,
  button
):not([data-section-edit]):not([data-section-save]) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] [data-section-anchor="buyingTeam"] .deal-rel-map__ai-btn {
  border-color: rgba(129, 161, 193, 0.28) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-rel-map__node {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── 4) Competitors / Playbook / Sequences / Comments — flatten empties ──── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-sequences-embed-empty-panel,
  .deal-competitors-empty,
  .deal-comments-empty
) {
  background: transparent !important;
  background-image: none !important;
  border: 1px dashed rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 10px !important;
  color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-empty-state__icon,
  .deal-empty-icon,
  .deal-competitors-empty svg,
  .deal-empty-state svg
) {
  opacity: 0.35 !important;
  color: #909090 !important;
  width: 18px !important;
  height: 18px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-comments-count {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 22px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-comments-composer {
  background: transparent !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 6px !important;
  padding: 8px 0 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-comments-composer :is(
  .btn.primary,
  button.primary,
  .deal-comments-post
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] [data-section-anchor="dealSequences"] :is(
  .btn.primary,
  .deal-action-primary,
  button.primary
):not([data-section-edit]):not([data-section-save]) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Motion rows — soft dividers only */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] [data-section-anchor="dealMotion"] :is(
  .deal-details-field--next-step,
  .deal-details-field--last-activity,
  .deal-next-step-hit
) {
  border-color: rgba(240, 240, 240, 0.05) !important;
  background: transparent !important;
}

/* ── 5) Secondary groups — quieter rest-state (flatten pass 2) ───────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
) {
  opacity: 0.62 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
):hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="competitors"],
  [data-section-anchor="playbook"],
  [data-section-anchor="dealSequences"],
  [data-section-anchor="comments"]
):focus-within {
  opacity: 1 !important;
}

/* Buying Team stays readable but not a second hero */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > [data-section-anchor="buyingTeam"] {
  opacity: 0.88 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > [data-section-anchor="buyingTeam"]:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > [data-section-anchor="buyingTeam"]:focus-within {
  opacity: 1 !important;
}

/* Primary sections full opacity */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="details"],
  [data-section-anchor="stageNumbers"],
  [data-section-anchor="dealMotion"]
) {
  opacity: 1 !important;
}

/* Section Edit stays gold on primary Details + Stage only; secondary hover */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] > :is(
  [data-section-anchor="details"],
  [data-section-anchor="stageNumbers"]
) .deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  opacity: 1 !important;
}

/* Compress Details grid gutters */
@media (min-width: 900px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"]:not(.is-hidden) {
    column-gap: 28px !important;
    row-gap: 4px !important;
  }
}

/* Body padding inset — flush to canvas edges within section */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-competitors-body,
  .deal-buying-team > :not(.deal-card-header),
  .deal-playbook-card-body,
  .deal-sequences-embed > :not(.deal-card-header),
  .deal-comments-list,
  .deal-comments-composer
) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v85 — Deal Focused Overview: fix left overflow (Recommended Next Step + Pulse)
   Bug: v79/v81 zeroed horizontal padding (padding: 14px 0 / 10px 0) while
   keeping inset 3px urgency bars — labels/chips sit on / cross the left edge.
   Fix: restore gutters; urgency = border-left + padding (not inset over text).
   Scope: summary Focused only. Flatten preserved.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Recommended Next Step + Deal Pulse — real horizontal gutters */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] > .deal-hero > .deal-focused-guidance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse {
  padding: 14px 16px 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Urgency accent on guidance — border-left + matching pad (never inset over text) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--healthy,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--healthy {
  box-shadow: none !important;
  padding: 14px 16px 16px !important;
  padding-left: 16px !important;
  border-left: 3px solid transparent !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--urgent {
  border-left-color: rgba(248, 113, 113, 0.75) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--warning {
  border-left-color: rgba(245, 158, 11, 0.7) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--healthy,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance--healthy {
  border-left-color: rgba(74, 222, 128, 0.55) !important;
}

/* Guidance children stay inside padded box */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance :is(
  .deal-focused-guidance__eyebrow,
  .deal-focused-guidance__lead,
  .deal-focused-guidance__title,
  .deal-focused-guidance__explain,
  .deal-focused-guidance__actions,
  .deal-focused-guidance__chips,
  .deal-focused-guidance__coaching-wrap,
  .deal-focused-guidance__setup
) {
  margin-left: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance__chip {
  margin-left: 0 !important;
}

/* Deal Pulse rows — clear left accent; labels never cross the bar */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row {
  padding: 10px 10px 10px 12px !important;
  box-sizing: border-box !important;
  border-left: 3px solid transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--urgent {
  border-left-color: rgba(248, 113, 113, 0.75) !important;
  box-shadow: none !important;
  background: rgba(127, 29, 29, 0.12) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--warning,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row--warning {
  border-left-color: rgba(245, 158, 11, 0.7) !important;
  box-shadow: none !important;
  background: rgba(146, 64, 14, 0.12) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row-label,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__row-label {
  padding-left: 0 !important;
  margin-left: 0 !important;
  overflow-wrap: anywhere !important;
  min-width: 0 !important;
}

/* Pulse header + footer stay in gutter */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__header,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__rows,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__footer,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__empty-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse__healthy-actions {
  padding-left: 0 !important;
  margin-left: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Notes / Forecast — restore side gutters too */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
  padding: 12px 16px !important;
  box-sizing: border-box !important;
}

/* Beat earlier media-query zero-horizontal-pad rules */
@media (min-width: 960px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    padding: 14px 16px 16px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero {
    padding-right: 20px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    padding-left: 16px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
    padding: 12px 16px !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   v86 — Settings SIDEBAR only (screenshot): quieter than Attio nav
   Demote Guided setup + Close to text links; active = nord rail only;
   checkmarks muted; hint rest-state quiet. No card chrome.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sidebar: one flush rail, no footer “tray” */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header {
  padding: 14px 12px 8px !important;
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2 {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2::before {
  width: 5px !important;
  height: 5px !important;
  background: #81a1c1 !important;
  opacity: 0.85 !important;
}

/* Hint — rest-state whisper */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  opacity: 0.55 !important;
  margin: 6px 0 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar:hover .settings-sidebar-hint,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header:hover .settings-sidebar-hint {
  opacity: 0.9 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint strong {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
}

/* Guided setup — text link, not a CTA button */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn {
  margin-top: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  justify-content: flex-start !important;
  padding: 4px 2px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 0.75 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn:hover {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Nav rows — editorial list, active = nord rail only (no fill block) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group-label {
  padding: 16px 12px 4px !important;
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.85 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item {
  min-height: 32px !important;
  padding: 6px 12px !important;
  background: transparent !important;
  background-image: none !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover {
  background: rgba(240, 240, 240, 0.03) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active {
  background: transparent !important;
  background-image: none !important;
  border-left: 2px solid #81a1c1 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item-icon .settings-nav-svg {
  color: #909090 !important;
  opacity: 0.9 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-item-icon .settings-nav-svg {
  color: #81a1c1 !important;
  opacity: 1 !important;
}

/* Setup checkmarks / pending dots — muted, not loud green/amber */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator {
  font-size: 11px !important;
  font-weight: 600 !important;
  opacity: 0.55 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--done {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--pending {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator {
  opacity: 0.9 !important;
}

/* Close — quiet text, not a big footer button */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer {
  padding: 10px 12px 14px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-close-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 6px 2px !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-close-btn:hover {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.75 !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v87 — Settings CONTENT polish vs Attio reference
   Beat Attio: sparse section stack, toggle/field list rows, soft gutters,
   progress as strip (not card), tip demoted, ONE gold Save (not a Save parade).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Main canvas — one flush composition */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-main,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body {
  background: #141414 !important;
  background-image: none !important;
}

/* Setup progress — Attio-beating sparse strip (kill card / pill cluster) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsSetupProgressCard {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 24px 12px !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-head {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-meta,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-done-note {
  font-size: 12px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 2px 0 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-pct {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-progress-track {
  height: 3px !important;
  background: #2a2a2a !important;
  border-radius: 1px !important;
  margin: 8px 0 6px !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-progress-fill {
  background: #81a1c1 !important;
  background-image: none !important;
  border-radius: 1px !important;
  box-shadow: none !important;
}

/* Next setup items — inline text links, not pill buttons */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 14px !important;
  list-style: none !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next li {
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next-link {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  background: transparent !important;
}

/* Page hero — title + one line; tip whisper / collapse */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero {
  padding: 16px 24px 10px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__title {
  font-size: 1.25rem !important;
  font-weight: 650 !important;
  margin: 4px 0 6px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__desc {
  font-size: 13px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 0 0 0 !important;
  max-width: 40rem !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip {
  display: none !important; /* rest-state: demote tip chrome (Attio-clean) */
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero:hover .settings-page-hero__tip,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero:focus-within .settings-page-hero__tip {
  display: flex !important;
  margin-top: 10px !important;
  padding: 8px 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-help-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero:hover .settings-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero:focus-within .settings-help-btn {
  opacity: 0.55 !important;
  pointer-events: auto !important;
}

/* Sections — soft top rule only, like Attio workspace blocks */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body {
  padding: 0 24px 32px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card {
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 4px 0 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header {
  padding: 14px 0 4px !important;
  border: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title {
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title-icon {
  display: none !important; /* quieter section headers */
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-help-btn {
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-header:hover .settings-card-help-btn {
  opacity: 0.55 !important;
  pointer-events: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body {
  padding: 8px 0 4px !important;
}

/* Fields — snug Attio density */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  margin-bottom: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-field {
  margin-bottom: 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-helper {
  font-size: 12px !important;
  color: #909090 !important;
  margin-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-input,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body select,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body textarea {
  min-height: 34px !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
}

/* Toggle / checkbox rows — Attio list rows (label left, control right-ish) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label:hover {
  background: rgba(240, 240, 240, 0.03) !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-checkbox-label input[type="checkbox"] {
  accent-color: #81a1c1 !important;
  width: 16px !important;
  height: 16px !important;
  order: 2 !important;
  margin-left: auto !important;
  margin-top: 0 !important;
}

/* Footer actions — beat Attio Save parade: only LAST section Save stays gold */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer {
  padding: 10px 0 16px !important;
  border-top: none !important;
  background: transparent !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  min-height: 32px !important;
  padding: 6px 12px !important;
}

/* Sole gold: last card’s primary Save on the page */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel > .settings-card:last-of-type .settings-card-footer .btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  border: 1px solid rgba(234, 179, 8, 0.55) !important;
  font-weight: 700 !important;
}

/* Secondary row actions under sections — nord text */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body .btn:not(.primary):not(.settings-btn-danger),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn:not(.primary):not(.settings-btn-danger) {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 4px 0 !important;
  min-height: auto !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-body .btn:not(.primary):hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn:not(.primary):hover {
  color: #88c0d0 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  background: transparent !important;
}

/* Lead/tag/user rows stay list lines */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-lead-source-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}



/* v87b — setup next links: force text-only (beat leftover pill borders) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsSetupProgressCard .settings-setup-card-next-link,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card .settings-setup-card-next-link,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.settings-setup-card-next-link {
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v88 flatten — kill v82 “all Saves gold” reaffirm; beat Attio Save parade
   Only the last section Save is gold. Setup next = pure text links.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type > .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type > .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel > .settings-card:last-of-type > .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:only-of-type > .settings-card-footer .btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  font-weight: 700 !important;
}

/* HARD: setup next links never pills */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsSetupProgressCard .settings-setup-card-next-link,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsSetupProgressCard button.settings-setup-card-next-link,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-next button {
  border: 0 none transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Toggle rows reinforce */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .settings-checkbox-label {
  background: transparent !important;
  border: 0 none transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  padding: 8px 2px !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v90 — beat [id*="ave"] gold blanket (was forcing every Save gold)
   Demote all Save* IDs to nord; re-gold only last section Save.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type > .settings-card-footer button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type > .settings-card-footer button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:last-of-type > .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:only-of-type > .settings-card-footer button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body > .settings-card:only-of-type > .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel > .settings-card:last-of-type > .settings-card-footer button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tabpanel > .settings-card:last-of-type > .settings-card-footer .btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  border: 1px solid rgba(234, 179, 8, 0.55) !important;
  font-weight: 700 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v90 — Deal Focused ACTIVITY tab (better-than-Attio hard flatten)
   Screenshot: Meetings/Docs/Emails/Tasks still read as card dashboard;
   past-meeting list keeps #1a1a1a bordered shells from styles-dark-deals;
   headers/rows flush left (padding: 10px 0); purple-ish column seam;
   blue empty CTAs. This pass: flush composition, soft gutters, list rows,
   nord tools, readable 44px rows with real left pad. Flatten pass 2 baked in.
   Scope: [data-deal-section-panel="motion"] under Focused simple mode.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas + kill every nested shell ───────────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-card,
  .deal-card--primary,
  .deal-card--secondary,
  .deal-card--tertiary,
  .deal-customer-motion,
  .deal-customer-motion__band,
  .deal-customer-motion__band-head,
  .deal-meetings-body,
  .deal-meetings-layout,
  .deal-meetings-col,
  .deal-meetings-col__list,
  .deal-meetings-hint-card,
  .deal-portal-lists,
  .deal-portal-list-block,
  .deal-portal-list-empty,
  .deal-messages-body,
  .deal-tasks-list,
  .deal-tasks-body,
  .deal-tasks-card,
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-meetings-empty,
  .deal-tasks-empty,
  .deal-tasks-empty--rich
) {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Section blocks — soft bottom gutter only (not folder cards) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  [data-section-anchor="meetings"],
  [data-section-anchor="documentsPortal"],
  [data-section-anchor="dealMessages"],
  [data-section-anchor="tasks"]
) {
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
}

/* Soft column seam (never purple/indigo) */
@media (min-width: 960px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"]:not(.is-hidden) {
    column-gap: 28px !important;
    row-gap: 8px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"]:not(.is-hidden) :is(
    [data-section-anchor="documentsPortal"],
    [data-section-anchor="tasks"]
  ) {
    border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-left: 20px !important;
  }
}

/* ── 2) Headers + bodies — real horizontal gutters (fix left flush) ─────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"]:not(.is-hidden) .deal-card-header {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  padding: 10px 0 8px !important;
  margin: 0 !important;
  min-height: 36px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-body,
  .deal-portal-lists,
  .deal-messages-body,
  .deal-tasks-list,
  .deal-tasks-body
) {
  padding: 4px 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Kill dark-deals bordered list shells HARD (same specificity + later) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-col__list,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-portal-list-block,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-col__list,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-portal-list-block,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount [data-deal-section-panel="motion"] .deal-meetings-col__list,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount [data-deal-section-panel="motion"] .deal-portal-list-block {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin-top: 4px !important;
}

/* Upcoming / Past labels */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-col__head,
  .deal-meetings-col__label,
  .deal-portal-list-heading
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-weight: 650 !important;
  padding: 8px 0 4px !important;
  margin: 0 !important;
}

/* Recap microcopy — demote (system noise) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-col__micro,
  .deal-portal-list-heading__hint,
  .deal-meetings-recap-nudge
) {
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  font-size: 11px !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: 0.75 !important;
  max-width: 52ch !important;
  line-height: 1.35 !important;
}

/* ── 3) List rows — not nested meeting cards ─────────────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row,
  .deal-message-row,
  .deal-task-item
) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px 12px !important;
  min-height: 48px !important;
  padding: 12px 4px 12px 2px !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row,
  .deal-message-row,
  .deal-task-item
):hover {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row__title,
  .deal-message-row__title,
  .deal-task-title,
  .deal-portal-doc-name
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row__when,
  .deal-meeting-row__location,
  .deal-meeting-row__meta,
  .deal-message-row__meta,
  .deal-task-meta
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

/* Manual / Booked badges — quiet chips */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-badge,
  .deal-meeting-badge--manual,
  .deal-meeting-badge--booked,
  .deal-meeting-badge--call,
  .deal-motion-pill
) {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  min-height: 22px !important;
  padding: 2px 7px !important;
}

/* Row actions — nord text links (Log recap / Draft follow-up) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row__action-btn,
  .deal-meeting-row__prep,
  .deal-meeting-row__tx--recap,
  .deal-meeting-row__email-draft,
  .deal-meeting-row__actions .btn,
  .deal-meeting-row__actions button
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 !important;
  min-height: 24px !important;
  font-weight: 550 !important;
  text-align: left !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meeting-row__action-btn,
  .deal-meeting-row__prep,
  .deal-meeting-row__tx--recap,
  .deal-meeting-row__email-draft
):hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meeting-row__actions {
  opacity: 0.55 !important;
  transition: opacity 0.12s ease !important;
  gap: 4px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meeting-row:hover .deal-meeting-row__actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meeting-row:focus-within .deal-meeting-row__actions {
  opacity: 1 !important;
}

/* Overdue task — border-left + pad (never inset over title) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-task-item.overdue {
  background: transparent !important;
  box-shadow: none !important;
  border-left: 3px solid rgba(248, 113, 113, 0.7) !important;
  padding-left: 10px !important;
}

/* ── 4) Empty states — sparse, no icon cards / blue fills ────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-meetings-empty,
  .deal-tasks-empty,
  .deal-tasks-empty--rich,
  .deal-portal-list-empty,
  .deal-meetings-col__list .deal-empty-state--inline,
  .deal-meetings-col__list .deal-meetings-empty
) {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 2px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state__icon,
  .deal-empty-icon,
  .deal-empty-state svg,
  .deal-portal-list-empty svg,
  .deal-meetings-empty svg,
  .deal-tasks-empty svg
) {
  display: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state__title,
  .deal-portal-list-empty strong,
  .deal-tasks-empty__copy strong
) {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state__hint,
  .deal-empty-state__copy,
  .deal-portal-list-empty,
  .deal-meetings-empty
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

/* Empty-state Create / Schedule — nord text, not blue fill buttons */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-empty-state .btn,
  .deal-empty-state .btn.primary,
  .deal-portal-list-empty .btn,
  .deal-portal-list-empty .btn.primary,
  .deal-meetings-empty .btn,
  .deal-tasks-empty .btn
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 0 !important;
  min-height: 28px !important;
}

/* ── 5) Header CTAs — nord quiet; demote cluster at rest ─────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions,
  .deal-card-header-actions
) .btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions,
  .deal-card-header-actions
) button,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header .btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header .btn.primary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header .btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header .btn.primary:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* Action clusters quieter at rest; full on section hover */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions
) {
  opacity: 0.55 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] [data-section-anchor]:hover :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] [data-section-anchor]:focus-within :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions
) {
  opacity: 1 !important;
}

/* Docs portal heading row */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-portal-list-heading-row {
  padding: 6px 0 2px !important;
  border: none !important;
  background: transparent !important;
}

/* Task row edit/delete — hover only */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-task-edit,
  .deal-task-delete,
  .deal-task-action-btn
) {
  opacity: 0 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: none !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-task-item:hover :is(
  .deal-task-edit,
  .deal-task-delete,
  .deal-task-action-btn
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-task-item:focus-within :is(
  .deal-task-edit,
  .deal-task-delete,
  .deal-task-action-btn
) {
  opacity: 0.9 !important;
}

/* ? help hover-only on Activity */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-help-btn,
  .deal-comments-help-btn,
  [data-deal-help]
) {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header:hover :is(
  .deal-meetings-help-btn,
  .deal-comments-help-btn,
  [data-deal-help]
),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-card-header:focus-within :is(
  .deal-meetings-help-btn,
  .deal-comments-help-btn,
  [data-deal-help]
) {
  opacity: 0.85 !important;
}

/* Flatten pass 2 — Meetings hint card + any leftover filled chrome */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-hint-card,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-hint-card__divider {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
  color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-hint-card__term {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-hint-card__desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Google Meet / location links — nord */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meeting-row__location a,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] a.deal-meeting-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}


/* Company profile: both Save Changes = green commit (v130c triad) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveCompanyBtn.btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary.save-company-btn:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  font-weight: 700 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v92 — Deal Focused FINANCIALS tab (better-than-Attio)
   Screenshot: Order Info edit mode paints pure-white #fff inputs + slate
   text from deal-workspace-simple-mode.css (body.deal-workspace-simple-page
   … .deal-order-info-card.is-editing .deal-modal-input). Also full-bleed
   wide fields, faint date placeholders, light hairlines.
   Fix: charcoal inputs, snug max-width, soft gutters, Edit gold / Save green /
   Cancel nord. Flatten line-items + contract + address cards too.
   Scope: [data-deal-section-panel="financials"] Focused simple.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush Financials canvas / kill card frames ───────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-card,
  .deal-order-info-card,
  .deal-order-addr-card,
  .deal-contract-basics-card,
  .dli-section-card,
  .deal-line-items,
  .deal-line-items-table-wrap,
  .dli-table-wrap,
  .dli-totals-footer,
  .deal-order-info-card__body,
  .deal-order-addr-list
) {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  [data-section-anchor="orderInfo"],
  [data-section-anchor="line-items"],
  [data-section-anchor="contractBasics"],
  .deal-order-info-card,
  .deal-contract-basics-card,
  .dli-section-card
) {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin: 0 0 4px !important;
  padding-bottom: 10px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-card-header,
  .deal-order-info-card__head,
  .deal-order-info-card > .deal-card-header,
  .deal-order-info-card > .deal-order-info-card__head
) {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  padding: 10px 0 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

/* Address cards — rows, not white nested cards */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card__title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-list {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
}

/* ── 2) Field rows — soft gutters, label contrast floor ───────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-order-info-card .deal-contract-field,
  .deal-order-addr-card .deal-contract-field,
  .deal-contract-basics-card .deal-contract-field,
  .deal-order-addr-card__roles.deal-contract-field
) {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
  min-height: 36px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-order-info-card .deal-contract-field > span:first-child,
  .deal-order-info-card .deal-core-card__label,
  .deal-order-addr-card .deal-contract-field > span:first-child,
  .deal-contract-basics-card .deal-contract-field > span:first-child,
  .deal-core-card__label
) {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 450 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-core-card__value,
  .deal-core-grid--deal-details-view .deal-core-card__value
) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  padding: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-core-card__value--empty {
  color: #808080 !important;
  -webkit-text-fill-color: #808080 !important;
  font-weight: 450 !important;
}

/* ── 3) HARD: kill white edit inputs (beat simple-mode #fff !important) ──── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-core-grid--deal-details-edit .deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing .deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-contract-basics-card.is-editing .deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing select,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing textarea,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card select,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card textarea,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-addr-card .deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] input.deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] select.deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] textarea.deal-modal-input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  caret-color: #88c0d0 !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
  font-weight: 450 !important;
  max-width: min(100%, 320px) !important;
  width: 100% !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-core-grid--deal-details-edit .deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing .deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-contract-basics-card.is-editing .deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card.is-editing input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] input.deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] select.deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] textarea.deal-modal-input:focus {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}

/* Placeholders — readable, never invisible white-on-white */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  input,
  textarea,
  .deal-modal-input
)::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

/* Date inputs (webkit) stay charcoal */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] input[type="date"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] input[type="date"]::-webkit-calendar-picker-indicator {
  color-scheme: dark !important;
  filter: invert(0.85) !important;
  opacity: 0.7 !important;
}

/* ── 4) CTA hierarchy — Edit gold; Save green; Cancel nord ───────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card .deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  min-height: 28px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  #saveDealOrderInfoBtn,
  #saveContractBasicsBtn,
  .deal-card-header-edit-btn[data-section-save]
) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  min-height: 28px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
}

html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .deal-order-info-card__actions .btn:not(.primary):not([data-section-save]):not([data-section-edit]),
  .deal-card-header-actions .btn:not(.primary):not([data-section-save]):not([data-section-edit]),
  button[data-section-cancel],
  .btn.ghost
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Line-item / invoice header tools — nord text */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .dli-header-actions .btn,
  .dli-header-actions .btn.primary,
  .deal-contract-actions .btn,
  .dli-add-first-btn
):not([data-section-edit]):not([data-section-save]) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* ── 5) Line items table — rows, not filled table chrome ─────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .dli-table,
  .dli-table thead,
  .dli-table tbody,
  .dli-table tr,
  .dli-table th,
  .dli-table td
) {
  background: transparent !important;
  background-color: transparent !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-table thead th {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-weight: 650 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-table tbody td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 40px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-row:hover :is(td, th) {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-totals-footer {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 8px 0 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-total-row {
  flex: 1 1 auto !important;
  padding: 4px 14px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
  background: transparent !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-total-row:first-child {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Empty line-items — sparse */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] :is(
  .dli-empty-state,
  .deal-empty-state
) {
  background: transparent !important;
  border: 1px dashed rgba(240, 240, 240, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 10px !important;
  color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .dli-empty-icon {
  display: none !important;
}

/* Body padding flush */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card__body {
  padding: 0 0 8px !important;
}

/* Summary / read-only meta under Order Info */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="financials"] .deal-order-info-card__summary {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v93 — Deal Focused DETAILS edit mode (better-than-Attio flatten)
   Screenshot: pure-white sticky Save footers (.deal-inline-actions white
   gradient from simple-mode), gold "Editing…" badge stealing Edit gold,
   purple td-ai-badge on Ask AI, green phone links, dashed empty cards.
   Fix: charcoal sticky bars, Edit gold only at rest, Save green / Cancel
   nord, demote Editing… + AI badge + phone to nord, flatten empties.
   Scope: [data-deal-section-panel="details"] Focused simple.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) HARD: kill white sticky Cancel/Save footers ──────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-inline-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  margin: 8px 0 0 !important;
  border-radius: 0 !important;
}

/* Header Cancel — nord quiet */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-card-header-actions .btn.ghost[data-section-cancel],
  .deal-inline-actions .btn.ghost[data-section-cancel],
  .deal-inline-actions .btn:not(.primary):not([data-section-save])
) {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Save (header + sticky) — green commit, never gold */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-card-header-actions .btn[data-section-save],
  .deal-card-header-edit-btn[data-section-save],
  .deal-inline-actions .btn.primary[data-section-save],
  .deal-inline-actions .btn[data-section-save]
) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

/* ── 2) Demote "Editing…" off gold — only resting Edit stays gold ────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"][data-deal-editing-section="stageNumbers"] [data-section-anchor="stageNumbers"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"][data-deal-editing-section="details"] [data-section-anchor="details"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"][data-deal-editing-section="orderInfo"] [data-section-anchor="orderInfo"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"][data-deal-editing-section="contractBasics"] [data-section-anchor="contractBasics"] .deal-card-header-edit-btn[data-section-edit] {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
  pointer-events: none !important;
  cursor: default !important;
}

/* Resting Edit on Details / Stage — gold (reaffirm after demote) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"]:not([data-deal-editing-section="details"]) .deal-section-panel[data-deal-section-panel="details"] > [data-section-anchor="details"] .deal-card-header-edit-btn[data-section-edit],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"]:not([data-deal-editing-section="stageNumbers"]) .deal-section-panel[data-deal-section-panel="details"] > [data-section-anchor="stageNumbers"] .deal-card-header-edit-btn[data-section-edit] {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* ── 3) Ask AI — kill purple badge wash → nord quiet ─────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-rel-map__ai-btn .td-ai-badge,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .td-ai-badge {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 2px 0 0 !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .td-ai-badge svg,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .td-ai-badge__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
  stroke: #81a1c1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-rel-map__ai-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* ── 4) Header phone — demote mint green to nord (match email) ───────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact .deal-primary-contact-tel,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact .deal-primary-contact-email,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact .deal-primary-contact-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact .deal-primary-contact-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 5) Flatten empties harder — no dashed “card” shells ─────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-sequences-embed-empty-panel,
  .deal-competitors-empty,
  .deal-empty-state,
  .deal-empty-state--inline,
  .deal-comments-empty
) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  .deal-empty-state__icon,
  .deal-empty-icon,
  .deal-competitors-empty svg,
  .deal-empty-state svg
) {
  display: none !important;
}

/* Sequences enroll row — no filled tool strip */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] [data-section-anchor="dealSequences"] :is(
  .deal-sequences-embed-footer,
  .deal-sequences-enroll-row,
  .deal-sequences-embed-actions
) {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  padding: 8px 0 0 !important;
}

/* ── 6) Buying Team person — reaffirm list rows (beat simple-mode #fff cards) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] .deal-buying-team__person--primary {
  background: transparent !important;
  border-left: none !important;
  box-shadow: none !important;
}

/* ── 7) Details edit inputs — charcoal (in case any white leaks) ─────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  input.deal-modal-input,
  select.deal-modal-input,
  textarea.deal-modal-input,
  .deal-core-grid--deal-details-edit .deal-modal-input,
  .deal-stage-numbers__grid .deal-modal-input,
  .deal-comments-composer textarea
) {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  input.deal-modal-input,
  select.deal-modal-input,
  textarea.deal-modal-input
)::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="details"] :is(
  input.deal-modal-input:focus,
  select.deal-modal-input:focus,
  textarea.deal-modal-input:focus
) {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v94 — Deal Focused Activity: Before You Dial + button text contrast
   Screenshot: .deal-meetings-prep-hero is still light (#f8f7ff→#fff + purple
   glow). Create document / empty CTAs paint nord fill (--ds-accent→#81a1c1)
   while finish also forces nord/-webkit-text-fill → invisible text. Header
   secondary CTAs fight simple-mode white/slate.
   Fix: charcoal prep hero (no glow/purple); all Activity CTAs = transparent
   charcoal + readable nord #88c0d0 / #f0f0f0 text (never nord-on-nord).
   Scope: [data-deal-section-panel="motion"] Focused simple.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Before You Dial — kill white panel + purple glow ─────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-meetings-prep-hero {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 8px 0 12px !important;
  overflow: visible !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__glow,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-meetings-prep-hero__glow {
  display: none !important;
  background: none !important;
  background-image: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__content {
  padding: 12px 0 14px !important;
  gap: 10px 20px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__eyebrow-pill {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__eyebrow-pill .td-ai-badge,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__eyebrow-pill .td-ai-badge--on-eyebrow,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__eyebrow-pill .td-ai-badge svg,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__eyebrow-pill .td-ai-badge__label {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
  stroke: #81a1c1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__when,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__copy {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 450 !important;
}

/* Get pre-call brief — nord outline, readable (not white/faint) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__cta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__cta.btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__cta.btn.primary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-prep-hero__cta.btn.small.primary {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  min-height: 30px !important;
  padding: 5px 12px !important;
}

/* ── 2) HARD: Activity CTAs — never nord fill + nord text ────────────────── */
/* Empty-state Create document / Create invoice (class is __cta, not .btn) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-empty-state__cta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] button.deal-empty-state__cta {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  min-height: 30px !important;
  height: auto !important;
  padding: 5px 12px !important;
  transform: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-empty-state__cta:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Header portal actions — charcoal outline + bright nord text */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .btn.small,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .deal-doc-portal-cta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .deal-doc-portal-cta--secondary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .btn.primary,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-quick-actions .btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-quick-actions .btn.primary {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  opacity: 1 !important;
  min-height: 30px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-doc-portal-actions .deal-doc-portal-cta:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] .deal-meetings-quick-actions .btn:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* Don't demote action clusters to unreadably faint */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-meetings-quick-actions,
  .deal-doc-portal-actions
) {
  opacity: 1 !important;
}

/* Open task / Prep brief links — nord, readable */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="motion"] :is(
  .deal-task-open,
  .deal-meeting-row__prep,
  .deal-meeting-row__tx--recap,
  .deal-meeting-row__email-draft,
  a.deal-task-open
) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v95 — Send document chooser (Step 1 pick) — better-than-Attio
   Screenshot: white Proposal <select>, blue glow on Blank document, purple
   glow on Client Room layout, blue NEXT, nested glowing pick shell.
   dark-operations only paints cards #1e1e1e — misses category/search,
   presets, NEXT, glows. Flatten: flush charcoal, soft gutters, nord CTAs.
   Scope: .td-doc-create-chooser / backdrop (modal overlay).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shell / pick panel — kill glass glow frame ──────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser-backdrop .td-doc-create-chooser.td-glass-modal,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser.td-glass-modal {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__content,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__pick-shell.td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__panel {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__pick-shell.td-glass-modal__panel {
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__deal-label,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__wizard-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__wizard-badge {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__section-head .td-glass-modal__section-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  letter-spacing: 0.07em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__section-divider {
  border-top-color: rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-count {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
}

/* Head icon buttons */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__head :is(
  .iconBtn,
  .td-glass-modal__icon-btn,
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
) {
  background: #1a1a1a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__head :is(
  .iconBtn,
  .td-glass-modal__icon-btn,
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
):hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── Blank document — list row, no blue glow ─────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser :is(
  .td-doc-create-chooser__card,
  .td-doc-create-chooser__card--blank-row,
  .td-doc-create-chooser__card--solo
) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser :is(
  .td-doc-create-chooser__card,
  .td-doc-create-chooser__card--blank-row
):hover {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__card-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__card-desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__card-icon {
  filter: none !important;
  opacity: 0.75 !important;
}

/* ── HARD: white Proposal <select> + search → charcoal ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__category,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser select.td-doc-create-chooser__category,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__search,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser input.td-doc-create-chooser__search {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__search::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__category:focus,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__search:focus {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__category option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* ── Template list — rows, not white pills ───────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-list {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-top: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  max-height: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* NEXT — nord, not blue */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row-action {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__template-row:hover .td-doc-create-chooser__template-row-action {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── Presets grid — no purple Client Room / indigo Package Studio ────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--preset,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--package-studio.td-doc-create-chooser__btn--preset,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--client-room.td-doc-create-chooser__btn--preset,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--package-studio {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--preset:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--preset:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--package-studio:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--package-studio:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__btn--client-room.td-doc-create-chooser__btn--preset:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-doc-create-chooser__presets-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Footer Cancel — nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot .btn,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot button {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot .btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-doc-create-chooser .td-glass-modal__foot button:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v96 — Document + Email Composer (better-than-Attio)
   Screenshot: print desk still #e5e7eb (wysiwyg-v2 loads after dark-composer),
   Save muted blue (--mm-accent), Polish doc purple inline gradient.
   Keep printable paper white; desk #141414; Save/Send green; AI nord.
   Scope: .composer-modal / .composer-modal--email (+ portaled menus).
   Note: also patched styles-composer-wysiwyg-v2.css + styles-dark-composer.css
   because those sheets inject after finish when the composer opens.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Desk / chrome flush */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal,
html[data-theme="dark"] body[data-theme="momentum"] #composerModal.composer-modal {
  background: #141414 !important;
  background-image: none !important;
  --td-composer-bg: #141414;
  --td-composer-surface: #141414;
  --td-composer-surface-2: #1a1a1a;
  --td-composer-surface-3: #1e1e1e;
  --td-composer-hover: #2a2a2a;
  --td-composer-border: rgba(240, 240, 240, 0.1);
  --td-composer-muted: #909090;
  --td-composer-text: #f0f0f0;
  --td-composer-accent: #81a1c1;
}

html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.print-layout-mode #documentCanvasViewport,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.print-layout-mode #documentCanvasViewport,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #documentCanvasViewport,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #documentPrintPreviewViewport,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-main-column,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-canvas-shell {
  background: #141414 !important;
  background-image: none !important;
}

/* Paper stays white (document only) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal:not(.composer-modal--email) :is(
  #composerWysiwygCanvas,
  #composerWysiwygCanvas .td-print-layout-sheet,
  #composerWysiwygCanvas .composer-wysiwyg-empty-sheet
) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Email compose surface — charcoal card, not white paper / nord wash */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--email #documentCanvasViewport {
  background: #141414 !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--email :is(
  #composerWysiwygCanvas,
  #composerWysiwygCanvas.composer-wysiwyg-canvas,
  #composerWysiwygCanvas .composer-wysiwyg-email-shell,
  #composerWysiwygCanvas .td-print-layout-sheet,
  #composerWysiwygCanvas .composer-wysiwyg-empty-sheet
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

/* Header / toolbar soft gutters */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal :is(
  .composer-header,
  .composer-toolbar,
  .composer-toolbar-tabstrip,
  .composer-toolbar-body,
  .composer-toolbar-panel,
  .composer-toolbar-persistent
) {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Save / Send green */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions #saveChangesBtn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #saveChangesBtn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #saveChangesBtn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #composerMobileSave.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #composerDocMobileSave,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #sendEmailBtn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #sendEmailBtn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-compose-tool--send {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

/* Secondary header — nord/charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions :is(
  #emailDocumentBtn,
  #printDocumentBtn,
  #composerLinkMenuBtn,
  .btn:not(.primary):not(#saveChangesBtn):not(#sendEmailBtn)
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

/* AI Draft / Polish — kill purple */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal :is(
  #composerAiDocumentBtn,
  #composerAiDraftBtn,
  #composerAiPolishBtn,
  #composerDocMobileAiBtn,
  .composer-document-tool--primary,
  .composer-compose-tool--primary,
  [style*="4f46e5"],
  [style*="7c3aed"]
) {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Toolbar tools — quiet charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .composer-toolbar-btn--secondary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-document-tool:not(.composer-document-tool--primary) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

/* Floating format bar */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal :is(
  .composer-canvas-shell #quillEditor .ql-toolbar,
  #quillEditor .ql-toolbar,
  #editorDocNavBar
) {
  background: #1a1a1a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  color: #f0f0f0 !important;
}

/* Edge tabs + ASK — nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab[aria-expanded="true"] {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* Portaled dropdowns */
html[data-theme="dark"] body[data-theme="momentum"] :is(
  .composer-toolbar-dropdown-panel,
  .composer-toolbar-dropdown-panel--portaled,
  .composer-compose-more-menu,
  .composer-link-menu-panel,
  .composer-action-item
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v97 — Deal Focused OVERVIEW perfection (better-than-Attio hard flatten)
   Screenshot audit after v79–v85: still reads as 2×2 equal CRM cards.
   Root causes: (1) soft full borders on Next Step / Pulse; (2) simple-mode
   min-height 280/190 equal-card tiles; (3) Map white bar + outline CTA;
   (4) phone/email in `.deal-header-pc__row--reach` never collapsed (v81
   hid meta/touch only); (5) purple AI badge on coaching; (6) dark-deals
   #1e1e1e + shadow wash; (7) pulse urgent fills as mini-cards.
   This pass: one flush composition, soft gutters only, editorial density.
   Scope: summary Focused only. Do not regress Details/Activity/Financials.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 0) Nuclear surface kill — beat dark-deals #1e1e1e + shadow ─────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) :is(
  .deal-focused-identity,
  .deal-focused-guidance,
  .deal-focused-pulse,
  .deal-focused-pulse-forecast,
  .deal-focused-pulse-forecast__pulse,
  .deal-focused-pulse-forecast__notes,
  .deal-focused-pulse-forecast__forecast,
  .deal-focused-map-affordance,
  .deal-first-guide,
  .deal-first-guide-invite,
  .deal-hero
) {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ── 1) Kill equal-card tiles — content height, soft gutters only ────────── */
@media (min-width: 960px) {
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) {
    gap: 0 !important;
    column-gap: 28px !important;
    row-gap: 0 !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero {
    min-height: 0 !important;
    border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-right: 22px !important;
    margin-right: 0 !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-focused-guidance,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-first-guide,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-hero > .deal-first-guide-invite,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    min-height: 0 !important;
    height: auto !important;
    flex: 0 1 auto !important;
    border: none !important;
    border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
    border-radius: 0 !important;
    padding: 12px 4px 16px 16px !important;
    margin: 0 !important;
    background: #141414 !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-pulse {
    padding-left: 8px !important;
    padding-right: 4px !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__notes,
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
    min-height: 0 !important;
    height: auto !important;
    border: none !important;
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    border-radius: 0 !important;
    padding: 14px 4px 12px 16px !important;
    background: #141414 !important;
    box-shadow: none !important;
  }
  html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) .deal-focused-pulse-forecast__forecast {
    padding-left: 8px !important;
    border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  }
}

/* Mobile / narrow — same flatten, no full frames */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-guidance,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-focused-pulse {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #141414 !important;
  min-height: 0 !important;
}

/* Urgency = left accent only (keep v85 gutters; no filled panel) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--urgent,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--warning,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--healthy {
  background: #141414 !important;
  box-shadow: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-left-width: 3px !important;
  border-left-style: solid !important;
  padding: 12px 16px 16px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--urgent {
  border-left-color: rgba(248, 113, 113, 0.75) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--warning {
  border-left-color: rgba(245, 158, 11, 0.7) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance--healthy {
  border-left-color: rgba(74, 222, 128, 0.5) !important;
}

/* ── 2) Header — collapse phone/email at rest (was missing --reach) ──────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner .deal-header-pc__row--reach,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner .deal-header-pc__meta {
  opacity: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.12s ease, max-height 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover .deal-header-pc__row--reach,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within .deal-header-pc__row--reach,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within .deal-header-pc__row--touch,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover .deal-header-pc__meta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within .deal-header-pc__meta {
  opacity: 1 !important;
  max-height: 56px !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact__inner:focus-within {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
/* Phone/email nord — never mint (green reserved for Save) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact :is(
  .deal-primary-contact-tel,
  .deal-primary-contact-email,
  .deal-primary-contact-link
) {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact :is(
  .deal-primary-contact-tel,
  .deal-primary-contact-email,
  .deal-primary-contact-link
):hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-pc__row--identity .deal-primary-contact-link {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-pc__row--identity .deal-primary-contact-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 3) Identity strip — sparse, no hover tiles ─────────────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-identity {
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.07) !important;
  padding: 6px 0 10px !important;
  margin: 0 0 2px !important;
  background: #141414 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-identity__metric,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-identity__metric:hover {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-identity__pill {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  font-weight: 550 !important;
}

/* ── 4) Next Step CTAs — nord quiet; primary not loud fill ──────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__cta,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__cta.btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__cta.btn.primary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 30px !important;
  padding: 4px 10px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__cta:hover:not(:disabled),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__cta.btn.primary:hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__title {
  font-size: 1.08rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__explain {
  font-weight: 450 !important;
  font-size: 0.875rem !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  max-width: 48ch !important;
}

/* Chips + Finish setup — quieter at rest */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__setup {
  opacity: 0.38 !important;
  transition: opacity 0.12s ease !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:hover .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:focus-within .deal-focused-guidance__chips,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:hover .deal-focused-guidance__setup,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:focus-within .deal-focused-guidance__setup,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__setup.is-open {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__chip {
  min-height: 24px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 550 !important;
}

/* AI Next step coaching — nord quiet; kill purple badge */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__why {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 28px !important;
  padding: 2px 0 !important;
  font-weight: 550 !important;
  opacity: 0.55 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:hover .deal-focused-guidance__why,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance:focus-within .deal-focused-guidance__why,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__why:hover {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-guidance__why .td-ai-badge,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .td-ai-badge {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 2px 0 0 !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .td-ai-badge svg,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .td-ai-badge__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: #81a1c1 !important;
  stroke: #81a1c1 !important;
}

/* ── 5) Deal Pulse — list rows, not tinted mini-cards ───────────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row--urgent,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row--warning {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  padding: 10px 8px 10px 12px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-left-width: 3px !important;
  border-left-style: solid !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row--urgent {
  border-left-color: rgba(248, 113, 113, 0.75) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row--warning {
  border-left-color: rgba(245, 158, 11, 0.7) !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__row:hover {
  background: #1e1e1e !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__title {
  font-size: 0.95rem !important;
  font-weight: 650 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__mini-btn {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  min-height: 24px !important;
  padding: 2px 0 !important;
  opacity: 0.4 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse:hover .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse:hover .deal-focused-pulse__mini-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse:focus-within .deal-focused-pulse__full-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse:focus-within .deal-focused-pulse__mini-btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__full-btn:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__mini-btn:hover {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-pulse__view-activity {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
}

/* ── 6) Notes / Forecast — editorial fields, not card shells ────────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] :is(
  .deal-closing-lens__notes-ta,
  .deal-forecast-just-input
) {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  min-height: 72px !important;
  height: auto !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] :is(
  .deal-closing-lens__notes-ta,
  .deal-forecast-just-input
)::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] :is(
  .deal-closing-lens__notes-ta,
  .deal-forecast-just-input
):focus {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.16) !important;
  outline: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-forecast-seg {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 30px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-forecast-seg.is-active,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-forecast-seg[aria-pressed="true"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-forecast-seg--active {
  background: rgba(129, 161, 193, 0.14) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.42) !important;
  box-shadow: none !important;
}

/* ── 7) Map — quiet text row (beat simple-mode white bar + CTA) ─────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"]:not(.is-hidden) > .deal-focused-map-affordance,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 4px 8px !important;
  margin: 4px 0 0 !important;
  opacity: 0.55 !important;
  min-height: 0 !important;
  gap: 10px !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance:focus-within {
  opacity: 1 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance__title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance__btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance__btn.btn,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance__btn.btn.primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 28px !important;
  padding: 2px 0 !important;
  font-weight: 550 !important;
  text-decoration: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel[data-deal-section-panel="summary"] .deal-focused-map-affordance__btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  border: none !important;
  text-decoration: underline !important;
}

/* ── 8) Focused/Full + ASK — quieter still on this hero screen ──────────── */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle {
  opacity: 0.32 !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:hover,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-workspace-mode-toggle:focus-within,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-header-primary-contact:hover .deal-workspace-mode-toggle {
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.35 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(#dealWorkspaceMount[data-deal-workspace-mode="simple"].visible) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* Tabs — confirm nord underline (no indigo leak) */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab.is-active,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-tab[aria-selected="true"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v97 — File Library (#documentsView) better-than-Attio flatten
   Scope: #documentsView / .documentsPane only.
   Flush #141414; stats → sparse strip; grid tiles soft-gutter (no card stack);
   list rows not filled cards; Upload/New Folder nord (kill indigo primary);
   category chips quiet; empty state sparse; star chrome off gold.
   Do not regress Templates / Forms / contact Documents tab.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Flush canvas — kill nested #181818 / #1a1a1a bands ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView.documentsPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="documents"] #documentsView,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-main,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-content,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-grid,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-list {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-header,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-header-top,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-controls,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-toolbar-category-row,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-toolbar-inline,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-categories,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-breadcrumbs {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-header {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 14px 28px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ── 2) Stats → one sparse horizontal strip (not metric cards) ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 !important;
  margin: 0 0 12px !important;
  padding: 8px 0 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats .stat-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 0 20px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats .stat-item + .stat-item {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats .stat-item:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats .stat-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 18px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-stats .stat-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
}

/* ── 3) CTAs — Upload + New Folder nord (never indigo / gold) ────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions #uploadDocumentBtn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-btn--primary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #uploadDocumentBtnEmpty {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.btn-primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions #uploadDocumentBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-btn--primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #uploadDocumentBtnEmpty:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn:not(.primary):not(.btn-primary),
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions #createFolderBtn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-btn--secondary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #createFolderBtnEmpty,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #clearFiltersBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn.btn-secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions .btn:not(.primary):not(.btn-primary):hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-actions #createFolderBtn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* ── 4) Search / sort / view toggles — charcoal + nord focus ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #documentSearch,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-select,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-category-select,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .filter-clear-btn {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #documentSearch::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #documentSearch:focus,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-category-select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle-group {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  gap: 0 !important;
  overflow: hidden !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle.active,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle:hover {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle.active {
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* ── 5) Category chips — quiet text tabs, nord active underline ──────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .category-chip,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-category-chips .category-chip {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 10px !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .category-chip:hover {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-bottom-color: rgba(240, 240, 240, 0.14) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .category-chip.active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .category-chip .category-count,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .category-chip.active .category-count {
  background: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  padding: 0 !important;
  border-radius: 0 !important;
  opacity: 0.75 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-categories {
  border-top: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 4px 0 2px !important;
}

/* ── 6) Grid tiles — soft gutters, no card stack / shadow lift ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-grid {
  gap: 12px !important;
  padding: 4px 0 24px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.folder-card,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-card {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.folder-card:hover {
  background: #181818 !important;
  background-color: #181818 !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.selected,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.folder-card.selected {
  background: #181818 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview.document-preview--simple,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview.document-preview--folder,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview .preview-image,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview canvas.pdf-thumbnail,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview .video-thumbnail {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview .preview-icon,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview--folder .preview-icon {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.9 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-info {
  background: transparent !important;
  padding: 10px 12px 12px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-meta,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-description,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .meta-item,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .meta-separator {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
/* Descriptions stay available but quieter — park secondary density */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-description {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  opacity: 0.85 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* Action overlays + checkboxes — charcoal, no drop-shadow chrome */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-overlay {
  background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.55) 100%) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-action-btn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .selection-checkbox {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-action-btn:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* Star chrome — demote off gold */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-card-badge--star,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card [title="Starred"],
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row [title="Starred"],
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-name [title="Starred"] {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  text-shadow: none !important;
}

/* ── 7) List view — rows + soft dividers, not filled cards ───────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-list {
  gap: 0 !important;
  padding: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row.folder-row,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-row {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 48px !important;
  padding: 10px 8px !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row.folder-row:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-row.selected {
  background: #1a1a1a !important;
  box-shadow: inset 2px 0 0 #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-name,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-info {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-meta,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-category,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-size,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-date {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-icon,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .doc-row-icon--simple {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
}

/* ── 8) Empty / loading / bulk / sidebar ─────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .empty-state {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 28px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-graphic,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-layer,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-badge {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .td-empty-description {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card-skeleton,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-skeleton-preview,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-skeleton-line {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .bulkBar,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docsBulkBarMount .bulkBar {
  background: #181818 !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .bulkBar .btn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .bulkBar .btn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #detailsSidebar.documents-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-sidebar {
  background: #141414 !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-sidebar .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sidebarDownloadBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-sidebar .btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sidebarShareBtn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .detail-row {
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .breadcrumb-item {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .breadcrumb-item.active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .breadcrumb-separator {
  color: #909090 !important;
}

/* ── 9) Portaled File Library menus / filter / info ──────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-v3,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-header,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-footer,
html[data-theme="dark"] body[data-theme="momentum"] .doc-context-menu,
html[data-theme="dark"] body[data-theme="momentum"] .doc-info-modal,
html[data-theme="dark"] body[data-theme="momentum"] .doc-info-modal-content {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .doc-context-menu .menu-item {
  background: transparent !important;
  color: #e6e6e6 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .doc-context-menu .menu-item:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-footer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-footer .btn-primary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}

/* ASK on File Library — quieter at rest */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="documents"] #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.4 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="documents"] #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="documents"] #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="documents"] #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v98 — Forms builder (#formsView) better-than-Attio flatten
   Scope: #formsView / .formsPane + portaled .fb-modal* only.
   Flush #141414; form list → rows; fields/sections soft gutters (no card stack);
   Save = green commit; Publish / + New Form / ghosts = nord (kill blue primary);
   charcoal inputs; empty inspector sparse; ASK quieter.
   Specificity beats deferred styles-dark-operations.css reload on forms open.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Token bridge — help deferred form-builder.css inherit Cursor Dark */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView,
html[data-theme="dark"] body[data-theme="momentum"] #formsView.formsPane,
html[data-theme="dark"] body[data-theme="momentum"] #formsView .fb-shell {
  --fb-primary: #81a1c1;
  --fb-primary-hover: #88c0d0;
  --fb-primary-light: rgba(129, 161, 193, 0.12);
  --fb-secondary: #909090;
  --fb-success-light: rgba(16, 185, 129, 0.16);
  --fb-warning-light: rgba(245, 158, 11, 0.14);
  --fb-danger-light: rgba(239, 68, 68, 0.14);
  --fb-bg: #141414;
  --fb-bg-white: #141414;
  --fb-bg-dark: #181818;
  --fb-border: rgba(240, 240, 240, 0.08);
  --fb-border-dark: rgba(240, 240, 240, 0.14);
  --fb-text: #f0f0f0;
  --fb-text-muted: #909090;
  --fb-placeholder: #909090;
  --fb-text-light: #b0b0b0;
  --fb-shadow: none;
  --fb-shadow-lg: none;
}

/* ── 1) Flush shell / panes ──────────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView.formsPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-canvas-wrapper,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-canvas {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-topbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-tabs,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-canvas-page {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-sidebar {
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette {
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-topbar {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tabs {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-sidebar-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-header h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-name-input {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-category-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-item-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field-type {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ── 2) Forms list → list rows (not cards) ───────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-list {
  background: transparent !important;
  padding: 4px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-item {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  min-height: 48px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-item:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-item.active {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: inset 2px 0 0 #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-item-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Badges — quiet status chips (not loud gold/mint fills) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-badge {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-badge-draft {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-badge-published {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-badge-archived {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-unsaved-badge {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
}

/* ── 3) CTA triad — Save green · Publish/New nord · ghosts nord · Delete danger */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbNewFormBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbNewFormBtn2,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbPublishBtn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbNewFormBtn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbPublishBtn:hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: none !important;
}

/* Save = green commit (never gold / never blue) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbSaveBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-secondary#fbSaveBtn {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbSaveBtn:hover:not(:disabled) {
  filter: brightness(1.05) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbSaveBtn:disabled {
  opacity: 0.4 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-secondary:not(#fbSaveBtn),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tab-add {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-ghost:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tab-add:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-danger,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbDeleteBtn {
  background: transparent !important;
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-btn.fb-btn-danger:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView #fbDeleteBtn:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* ── 4) Palette items — quiet rows ───────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-item {
  background: transparent !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-item.active {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-palette-item-name {
  color: inherit !important;
}

/* ── 5) Page tabs — nord underline ───────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tab {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tab:hover {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-bottom-color: rgba(240, 240, 240, 0.14) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-tab.active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ── 6) Canvas sections / fields — soft gutters, not nested cards ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section.selected {
  background: #141414 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  padding: 10px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field.selected {
  background: #1a1a1a !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: inset 2px 0 0 #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field-type {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field-actions button {
  color: #81a1c1 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section-delete,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-field-delete:hover {
  color: #f87171 !important;
}

/* Drop zones — soft nord, no blue wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-drop-zone:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-drop-zone-active,
html[data-theme="dark"] body.fb-dragging .app-shell[data-view="forms"] #formsView .fb-drop-zone-active::after {
  background: rgba(129, 161, 193, 0.08) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  box-shadow: none !important;
}

/* ── 7) Inputs — charcoal, nord focus, readable placeholders ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-name-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-title-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-desc-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section-title-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-textarea {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView textarea::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-title-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-desc-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section-title-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-textarea:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

/* Page header title inputs — quieter flush bars */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-title-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-desc-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section-title-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-name-input {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-title-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-page-desc-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-section-title-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-name-input:focus {
  background: #1a1a1a !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.16) !important;
  padding-left: 8px !important;
}

/* Inspector tabs */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-tab {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-tab:hover {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-tab.active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: #81a1c1 !important;
  background: transparent !important;
}

/* ── 8) Empty states — muted text, no icon tiles ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-form-list-empty {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-empty-icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-empty-state h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-inspector-empty p {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #formsView .fb-empty-state p {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ── 9) Portaled modals / publish wizard / templates ─────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal-header,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal-body,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal-footer,
html[data-theme="dark"] body[data-theme="momentum"] .fb-template-modal-content,
html[data-theme="dark"] body[data-theme="momentum"] .fb-preview-frame,
html[data-theme="dark"] body[data-theme="momentum"] .fb-publish-wizard-form-preview {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal textarea,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal select,
html[data-theme="dark"] body[data-theme="momentum"] .fb-publish-url-input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-template-card {
  background: #181818 !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-template-card:hover {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal .fb-btn.fb-btn-primary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal .fb-btn.fb-btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal .fb-btn.fb-btn-ghost,
html[data-theme="dark"] body[data-theme="momentum"] .fb-modal-close {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-responses-table th {
  background: #181818 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .fb-responses-table td {
  background: #141414 !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/* ASK quieter on Forms */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.4 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="forms"] #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v99 — People list: STATUS / ACTIVITY pill flatten (better-than-Attio)
   Screenshot audit after v48–v71: still reads as CRM pill gadgets —
   loud green “Active” (Save-green collision) + filled Opportunity/Prospect
   + company chip chrome. Flatten to editorial flat meta text; Active = nord
   only. Scope: contacts list-only / not detail-visible. Do NOT regress
   contact detail, Forms v98, deal Focused, or hubs.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) STATUS + ACTIVITY + lead lifecycle — kill pill chrome entirely ───── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-new-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-stale-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactList .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactList .contact-lead-status-pill {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.01em !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Opportunity / Prospect / lifecycle — muted flat meta (beat inline tint fills) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap td[data-sort-key="lifecycleStage"] .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap td[data-sort-key="lifecycleStage"] .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-lifecycle-cell .contact-lead-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-lifecycle-cell .contact-lead-status-pill {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  border: none !important;
}

/* ── 2) Active / success — nord only (NEVER green; Save owns green) ──────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--success-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--success-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="success"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="success"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="047857"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="047857"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="ecfdf5"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="ecfdf5"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="10b981"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="10b981"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="86efac"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="86efac"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-cell .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-cell .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap td[data-sort-key="status"] .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap td[data-sort-key="status"] .contact-status-pill {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Snoozed / primary-tint activity — muted flat, not blue pill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--primary-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--primary-50"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--accent"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--accent"] {
  background: transparent !important;
  border: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Overdue / danger activity — soft rose text, no filled shell */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="--danger"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="--danger"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-status-pill[style*="danger"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-status-pill[style*="danger"] {
  background: transparent !important;
  border: none !important;
  color: #d08770 !important;
  -webkit-text-fill-color: #d08770 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ── 3) PRIMARY company chips — whisper text chip, not gadget card ───────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap button.contact-company-pill {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-primary-person-pill:hover {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ── 4) Toolbar leftovers — View Settings ghost; ASK quieter ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection #listOptionsBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #filtersSection .list-toolbar-view-settings-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #filtersSection .list-toolbar-view-settings-btn:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.38 !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"].contact-list-only) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v100 — Quick Add modal (better-than-Attio / Cursor Dark)
   Screenshot: nested CONTACT + DETAILS glass cards; gold lightning steals
   Edit gold; Save painted nord/blue; Cancel grey brick; cyan modal wash.
   Flatten to one flush #141414 composition; Save = green commit; Cancel =
   nord; mark/gear/guide = nord quiet. Scope: .quick-lead-backdrop Quick Add
   (+ embed). Exclude Package Studio (.bc-studio-modal). Do NOT regress
   People list v99, Forms v98, deal Focused, or other glass modals globally.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Shared Quick Add scopes (backdrop + embed; not Package Studio) */
/* .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal)
   .td-quick-add-embed-backdrop .quick-lead-modal */

/* ── 1) Shell — flush charcoal; kill glass/cyan wash + specular ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal.td-glass-modal:not(.bc-studio-modal),
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal),
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal)::before,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal)::after,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal::before,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal::after {
  display: none !important;
  content: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-form,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-form {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__head {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Title / lede / preset */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__title,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__title,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__lede,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__lede,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__lede {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__preset-hint,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__preset-hint {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 500 !important;
}

/* Lightning mark — nord quiet (never gold; Edit owns gold) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__mark,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__mark {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  border-radius: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__mark svg,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__mark svg path,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__mark svg,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__mark svg path {
  color: #81a1c1 !important;
  fill: currentColor !important;
}

/* Head icon buttons — nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__head .iconBtn,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__icon-btn,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__head .iconBtn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__head .iconBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__icon-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__head .iconBtn:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ── 2) Flatten CONTACT / DETAILS / On save — no nested cards ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section.td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section--panel,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section--onsave,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__panel,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section--panel,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section--onsave {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 14px !important;
  padding-bottom: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section:first-child {
  border-top: none !important;
  padding-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section__title,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__section-label,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section__title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 650 !important;
  letter-spacing: 0.07em !important;
  font-size: 11px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-section__desc,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-hint,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-section__desc,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Nested action extras — soft gutter strip, not inset card */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-action-body,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal-extras,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-email-extras,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-action-body {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal:has(input:checked),
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal:has(input:checked) {
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* ── 3) Inputs — charcoal; readable placeholders; nord focus ─────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-label,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-opt,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-opt {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 400 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) input.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) select.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) textarea.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal select.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal textarea.quick-lead-input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) textarea.quick-lead-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-input:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

/* Short fields — snug width (date / lead-from half cols already; reinforce) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) #qlLeadDate.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal #qlLeadDate.quick-lead-input {
  max-width: 320px !important;
}

/* Styled selects inside Quick Add */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .mm-styled-select__trigger {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

/* ── 4) CTA triad — Cancel nord · Save green commit (never gold / nord fill) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .td-glass-modal__foot,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .modalFoot,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlCancel.btn,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlCancel.btn.secondary,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot .btn.secondary,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot .btn:not(.primary),
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlCancel.btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlCancel.btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot .btn.secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlCancel.btn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlSave.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlSave.btn,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlSave.btn.primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  border: 1px solid transparent !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlSave.btn.primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlSave.btn.primary:hover:not(:disabled) {
  background: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  background-image: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlSave .quick-lead-save-label,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlSave .quick-lead-save-label {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ── 5) Preset dropdown — charcoal portal (was pure white) ───────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-preset-dropdown,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-preset-dropdown {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
  color: #f0f0f0 !important;
  max-height: min(50vh, 320px);
  overflow-y: auto;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-preset-dropdown__item,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-preset-dropdown__item {
  background: transparent !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-preset-dropdown__item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-preset-dropdown__item:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Save overlay — charcoal (not white glass) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-save-overlay,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-save-overlay {
  background: rgba(20, 20, 20, 0.96) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-save-status,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-save-status {
  color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v101 — Filter Contacts modal + People advanced-filters strip
   Screenshots: nested Deal / Outreach sequence cards; navy header; yellow
   Saved Filters wash; blue Apply Filters; white footer leftovers. Also the
   inline #advancedFiltersPanel chip strip + custom-fields empty.
   Scope: #filterModal only (not #docFilterModal) + #advancedFiltersPanel.
   Apply = green commit · Cancel/Reset = nord. Flatten section groups.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── A) Filter Contacts modal shell ──────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-v3 {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  color: #f0f0f0 !important;
}

/* Header — flush charcoal (kill navy slate gradient) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-header {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-icon {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-close {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-close:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
}

/* Saved Filters — kill yellow wash */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-section {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-trigger {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-trigger:hover {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-trigger.active,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-trigger.open {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-dropdown {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
  color: #f0f0f0 !important;
  max-height: min(50vh, 360px);
  overflow-y: auto;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-empty,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-group-label {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filter-item {
  color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filter-item:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filter-item.selected {
  background: rgba(129, 161, 193, 0.14) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-action {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-action:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-divider {
  border-color: rgba(240, 240, 240, 0.08) !important;
  background: rgba(240, 240, 240, 0.08) !important;
}

/* Quick filter chips — quiet charcoal (not loud emoji pills) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chips {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip:hover {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip.active {
  background: rgba(129, 161, 193, 0.14) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Body — flush canvas */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-body {
  background: #141414 !important;
  background-image: none !important;
}

/* ── Flatten Deal / Sequence / Activity section cards ────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-compact,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-compact {
  border-top: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-title,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-icon {
  opacity: 0.7 !important;
  filter: grayscale(0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group > p,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group p {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group p strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Labels + inputs */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field label,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact label,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input[type="text"],
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input[type="number"],
html[data-theme="dark"] body[data-theme="momentum"] #filterModal select {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

/* Money / percent compound inputs */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input:focus-within {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input span,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input span {
  background: #181818 !important;
  color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input input {
  background: transparent !important;
  border: none !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-range-to {
  color: #909090 !important;
}

/* Snug short range fields */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input {
  max-width: 160px !important;
}

/* ── Footer CTAs — Apply green commit · Cancel/Reset nord ────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-footer {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-preview-count {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-reset,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-cancel {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-reset:hover,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-cancel:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-apply,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #filterApplyBtn.filter-btn-apply {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  border: 1px solid transparent !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-apply:hover,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #filterApplyBtn.filter-btn-apply:hover {
  background: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  background-image: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-apply svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* ── B) People list inline advanced filters strip ────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel.filter-advanced-panel,
html[data-theme="dark"] body[data-theme="momentum"] .filter-advanced-panel#advancedFiltersPanel,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field-label svg {
  color: #909090 !important;
  stroke: currentColor !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel select.filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select:hover,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel select:hover {
  border-color: rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel #advancedFilterModalBtn,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .btn.small#advancedFilterModalBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel #advancedFilterModalBtn:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
/* Custom fields empty — muted text, no dashed card */
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field--custom-cf-empty,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field--custom-cf-empty .muted {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding-top: 10px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v102 — Quick Add second flatten (honest Attio bar)
   After v100: Save green OK, but screenshot still reads as CRM form cards —
   bordered On Save checkbox tiles, nested deal-extras panel, tags shell +
   loud pills, Cancel still brick-y. Flatten to list rows / soft indent.
   Scope: Quick Add only (not Package Studio). Do NOT regress Filter v101.
   ═══════════════════════════════════════════════════════════════════════════ */

/* On Save checkbox rows — list rows, not bordered tiles */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal--nested,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal--plain,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal--plain {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal:hover,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal--plain:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal:hover {
  background: transparent !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal:has(input:checked),
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal--plain:has(input:checked),
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal:has(input:checked) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal__text,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal__text {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal input[type="checkbox"] {
  accent-color: #81a1c1 !important;
}

/* Nested deal / email extras — soft left indent only (kill filled panel) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-action-body,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal-extras,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-email-extras,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-task-extras,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-action-body,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-deal-extras {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: 2px solid rgba(129, 161, 193, 0.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 8px 14px !important;
  margin: 0 0 4px !important;
}

/* Nested “Add order info” — same list-row treatment */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-action-body .quick-lead-deal,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-deal-extras .quick-lead-deal,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-action-body .quick-lead-deal {
  padding: 8px 0 !important;
}

/* Tags — no shell; quiet chips (~26px), active = nord whisper */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-tags-wrap {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 2px 0 4px !important;
  gap: 6px !important;
  max-height: 140px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap .tagChip,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap .tag,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-tags-wrap .tagChip {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  padding: 3px 10px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap .tagChip:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-tags-wrap .tagChip:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap .tagChip.active,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-tags-wrap .tagChip[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-tags-wrap .tagChip.active {
  background: rgba(129, 161, 193, 0.14) !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Post-save / On save footer row — soft top hairline only */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-postsave,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-postsave {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  background: transparent !important;
}

/* Reinforce Cancel nord (beat any secondary white fill) */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlCancel,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) .quick-lead-modal__foot #qlCancel.btn.secondary,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal .quick-lead-modal__foot #qlCancel {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Cap deal value / short On Save fields */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .quick-lead-modal:not(.bc-studio-modal) #qlDealValue.quick-lead-input,
html[data-theme="dark"] body[data-theme="momentum"] .td-quick-add-embed-backdrop .quick-lead-modal #qlDealValue.quick-lead-input {
  max-width: 280px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v103 — People CARD / gallery layout
   Bug: v63 forced `display:block !important` on `.contact-list-table-scroll`,
   beating `.hidden` when card layout is active. Sticky thead then sat mid-page
   over gallery cards (half-cut cards + NAME/PRIMARY/EMAIL bar).
   Fix: `.hidden` must win. Card stack fills the flex column. Cursor Dark polish
   on gallery cards (flush canvas, soft gutters, no white/purple chrome).
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Beat v63 visibility force — table scroll stays gone in card/phone layout */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-table-scroll.hidden,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-table-scroll.hidden,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .list-workspace-scroll.hidden,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .list-workspace-scroll.hidden,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap #contactList:has(#contactListCardStack:not(.hidden)) .contact-list-table-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap #contactList:has(#contactListCardStack:not(.hidden)) .list-workspace-scroll {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  flex: 0 0 0 !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 0 !important;
  z-index: -1 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* B) Card stack owns the list height when visible */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList #contactListCardStack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList #contactListCardStack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-card-stack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-card-stack:not(.hidden) {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 1 !important;
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 12px 16px !important;
  gap: 10px !important;
  align-content: start !important;
}

/* Select-all bar — soft hairline, not a filled chrome strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactCardListBar:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactCardListBar:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap .contact-list-card-bar:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap .contact-list-card-bar:not(.hidden) {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  flex-shrink: 0 !important;
}

/* C) Gallery cards — flatten white/purple CRM tiles → Cursor Dark tiles */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #f0f0f0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery.contact-list-card--selected {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.42) !important;
  box-shadow: none !important;
}

/* Urgency = left border only (no washed card fills) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-this-week,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-neutral {
  background: #181818 !important;
  background-image: none !important;
  border-left-width: 3px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-field-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-field-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-reach {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-reach--email,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card a {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-reach--email:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card a:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Company / primary pills → quiet text (kill purple wash) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-hero-org .contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-hero-org .contact-primary-person-pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  padding: 0 !important;
  font-weight: 500 !important;
}

/* Avatar — quiet, no drop shadow */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-avatar-inner {
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Chevron / secondary chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card-chevron {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.55 !important;
}

/* Status / activity on cards — flat text (match list v99; no green Active) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-activity-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-lead-status-pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-status-pill--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card .contact-activity-pill--active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Deal strip on card — soft row, not nested mini-card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-gallery-strip--deal .contact-deal-pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 0 !important;
  margin-top: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-deal-pill-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-deal-pill-amount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-deal-pill-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v104 — People gallery second flatten + brand logo dark adapt
   Screenshot still read as a dashboard of boxed contact cards + a white
   org-logo plate in the topbar. Flatten tiles to soft gutters on #141414;
   adapt light-plate logos (dark ink on white) for charcoal chrome.
   Scope: shell brand logo + People gallery only. Do NOT regress list v99 /
   contact detail / deal Focused.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Brand logo — kill white plate + pizazz drop-shadow on dark chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-brand,
html[data-theme="dark"] body[data-theme="momentum"] #appBrand {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-header .app-brand-logo,
html[data-theme="dark"] body[data-theme="momentum"] .app-brand-logo,
html[data-theme="dark"] body[data-theme="momentum"] #appBrandLogo {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: invert(1) hue-rotate(180deg) contrast(1.06) brightness(1.04) !important;
  border-radius: 0 !important;
  /* Near-black plate after invert blends into #141414 */
  mix-blend-mode: normal;
}

/* B) Gallery second flatten — soft tiles, not nested CRM cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 12px 36px 12px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--selected,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card.contact-list-card--gallery.contact-list-card--selected {
  background: #181818 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-overdue,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-today,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-this-week,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery.contact-list-card--urgency-neutral {
  background: #141414 !important;
  background-image: none !important;
  border-left-width: 2px !important;
}

/* Tighter stack — less dashboard air */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList #contactListCardStack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList #contactListCardStack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap #contactList .contact-list-card-stack:not(.hidden),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap #contactList .contact-list-card-stack:not(.hidden) {
  padding: 4px 8px 12px !important;
  gap: 6px !important;
}

/* Field labels off — name · reach · one status (values only) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field-label {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-fields--gallery,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-fields {
  margin-top: 4px !important;
  gap: 2px 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field {
  border: none !important;
  border-top: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

/* Kill hairline separators that re-box fields inside the tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="company"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="email"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="deal"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="project"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="tags"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="timeline"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="industry"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="employeeCount"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="annualRevenue"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="accountType"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-field[data-col="accountSite"] {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Chevron — hover only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-chevron {
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery:hover .contact-list-card-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery:focus-within .contact-list-card-chevron {
  opacity: 0.55 !important;
}

/* Avatar — quieter square, no card-in-card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-card--gallery .contact-list-card-avatar-inner {
  border-radius: 8px !important;
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v105 — Document Editor second flatten (better-than-Attio)
   Screenshot after v96: floating format card + paper card-in-void + boxed
   tool chrome + glass title field. Keep printable paper white; desk #141414;
   Save green; AI nord. Flatten composition — soft gutters only.
   Scope: .composer-modal document editor (+ ASK while open).
   Note: also patch styles-dark-composer.css + styles-composer-wysiwyg-v2.css
   (those sheets inject after finish when the composer opens).
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Kill paper / format “card in a void” — radius + drop shadow */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.composer-modal--empty-document.print-layout-mode:not(.doc-mode-web-longform) .composer-canvas-shell #quillEditor,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.print-layout-mode:not(.doc-mode-web-longform) #documentCanvasViewport > #composerWysiwygCanvas.composer-wysiwyg-canvas,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.print-layout-mode:not(.doc-mode-web-longform) #documentCanvasViewport > #composerWysiwygCanvas .td-print-layout-sheet,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.print-layout-mode:not(.doc-mode-web-longform) #documentCanvasViewport > #composerWysiwygCanvas .composer-wysiwyg-empty-sheet {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* B) Format toolbar — soft strip, not floating card (undo v96 heavy shadow) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal :is(
  .composer-canvas-shell #quillEditor .ql-toolbar,
  #quillEditor .ql-toolbar,
  #editorDocNavBar,
  #editorDocNavBar .editor-doc-nav-bar
),
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2 .composer-canvas-shell #quillEditor .ql-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.print-layout-mode:not(.doc-mode-web-longform) #documentCanvasViewport > #quillEditor .ql-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal.composer-modal--wysiwyg-v2.composer-modal--empty-document.print-layout-mode:not(.doc-mode-web-longform) .composer-canvas-shell #quillEditor .ql-toolbar {
  background: #181818 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

/* C) Title input — charcoal edit field (kill glass / blue glow) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-title-input {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-title-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-title-input:hover {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-title-input:focus {
  background: #1a1a1a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}

/* D) Setup + secondary header tools — nord quiet (Save stays green) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-setup-btn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #openDocumentSetupBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-doc-setup-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #openDocumentSetupBtn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions :is(
  #emailDocumentBtn,
  #printDocumentBtn,
  #composerLinkMenuBtn
) {
  background: transparent !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions :is(
  #emailDocumentBtn,
  #printDocumentBtn,
  #composerLinkMenuBtn
):hover:not(:disabled) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* Help / Close — muted, nord on hover */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions .iconBtn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-doc-trailing .iconBtn {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-actions .iconBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-header-doc-trailing .iconBtn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* E) Toolbar tools — ghost strip, not stack of filled boxes */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .composer-toolbar-btn--secondary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-document-tool:not(.composer-document-tool--primary),
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar :is(
  #composerTemplateBtn,
  #previewDocumentBtn,
  #composerDataMenuBtn,
  #composerParticipantsBtn,
  #interactivePreviewBtn,
  .composer-zoom-select,
  .composer-toolbar-trigger
) {
  background: transparent !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .btn.small:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar .composer-toolbar-btn--secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-document-tool:not(.composer-document-tool--primary):hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-toolbar :is(
  #composerTemplateBtn,
  #previewDocumentBtn,
  #composerDataMenuBtn,
  #composerParticipantsBtn,
  #interactivePreviewBtn
):hover {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* AI / Polish / CRM draft — nord outline only (never purple / gold) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal :is(
  #composerAiDocumentBtn,
  #composerAiDraftBtn,
  #composerAiPolishBtn,
  #composerDocMobileAiBtn,
  .composer-document-tool--primary,
  .composer-compose-tool--primary
) {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

/* F) Edge tabs — soft rail, kill drop-shadow chrome */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab {
  background: #181818 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
}

/* G) Merge / data context — muted meta strip */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-merge-context__label,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-merge-context__hint,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-merge-context__sep {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-merge-context__value,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .composer-merge-context__value--primary {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* H) ASK — demote while Document Editor is open */
html[data-theme="dark"] body[data-theme="momentum"]:has(#composerModal.composer-modal) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.42 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(#composerModal.composer-modal) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(#composerModal.composer-modal) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(#composerModal.composer-modal) #askLiteRoot .ask-lite-edge-tab-wrap--open,
html[data-theme="dark"] body[data-theme="momentum"]:has(#composerModal.composer-modal) #askLiteRoot .ask-lite-edge-tab-wrap--dragging {
  opacity: 0.9 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v106 — Add Task / Event second flatten (better-than-Attio)
   Screenshot after v46: Save still nord outline (must be green commit);
   Task segment reads indigo/blue; Reminders + Already finished still inset
   cards; dashed empty reminders shell; Cancel muted gray.
   Scope: .task-event-backdrop / .task-event-modal only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Shell — quieter charcoal dialog (soft gutter, less drop-shadow wash) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .modal.task-event-modal,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalHead.task-event-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalBody,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalBody.task-event-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot.task-event-modal__foot {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
}

/* B) Kill inset Reminders / Already finished cards → soft gutters only */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_row.task-event-field--reminders,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field--reminders,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__card,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-snooze {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 0 4px !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__input:checked + .task-event-already-done__card {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Dashed empty reminders shell → muted text only */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_hint,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminders_selected:empty,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-reminders-empty {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-style: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-style: italic !important;
  padding: 4px 0 0 !important;
}

/* C) Task / Event seg — kill indigo wash; nord underline active (no blue glow) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn.task-event-kind-seg__btn--active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn--active::after,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-kind-seg__btn.task-event-kind-seg__btn--active::after {
  background: #81a1c1 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* D) Inputs — charcoal + nord focus (beat blue/indigo rings) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .input,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .select {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
  accent-color: #81a1c1;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input[type="radio"] {
  accent-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_time_clear {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* E) Reminder chips — quieter ghost (less pill stack) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-quick-btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-day-btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminder_custom {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  min-height: 28px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-quick-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .reminder-day-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop #__te_reminder_custom:hover {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* F) CTA triad — Cancel nord · Save green commit (never gold / never muted charcoal) */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_cancel.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_cancel.btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 600 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_cancel.btn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.task-event-foot-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_save.btn,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_save.btn.primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-color: #34d399 !important;
  border: none !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal__foot #__te_save.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal .modalFoot #__te_save.btn.primary:hover {
  background: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  background-image: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Labels / meta contrast floor */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-modal label,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-field label,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .task-event-already-done__hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v107 — Templates hub flatten (better-than-Attio)
   Screenshot: dashboard of SYSTEM cards + purple AUTOMATED pills + teal/purple
   preview washes + glowing Create. Flatten to list rows on #141414; Create nord;
   Edit gold; kill purple/indigo AI-slop. Scope: templates view only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Flush canvas */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesRoot,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesBody,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesGrid {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesHeader,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .templatesHeader,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesHeaderTop,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesControls {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesSubtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* B) CTAs — Create/Import/Client Room nord; never glow / indigo / gold */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #createTemplateBtn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #createTemplateBtn.templates-create-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templates-create-btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templates-empty-cta.btn.primary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #createTemplateBtn.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templates-create-btn.btn.primary:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #importFilesBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #createClientRoomTemplateBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templates-import-btn.btn.secondary {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #importFilesBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView #createClientRoomTemplateBtn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* C) Search + filters — charcoal input; ghost chips; nord active (kill indigo) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesSearch,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .templatesSearch {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesSearch::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesSearch:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
  background: #1a1a1a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .category-filter,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .category-filter {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  min-height: 28px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .category-filter:hover {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .category-filter.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .category-filter.active {
  background: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid transparent !important;
  border-bottom: 2px solid #81a1c1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* D) List rows — not record cards (second flatten) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesBody {
  padding: 8px 12px 28px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesGrid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  grid-template-columns: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--manual,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--system,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .template-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView.templatesPane .template-card--system {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 10px 4px 12px !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--system:hover {
  background: #181818 !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Kill nested banner card / purple system wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__banner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--manual .template-card__banner,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--system .template-card__banner {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: none !important;
  padding: 0 0 4px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__subject-block {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Park preview / long hint / tag cloud / footer note — detail behind Edit */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__preview,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__preview-host,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__thumb,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__system-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__tags,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__system-action-note,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__actions-row--secondary {
  display: none !important;
}

/* Name · subject · one status */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  margin: 0 0 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__subject-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__subject-text {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 13px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__usage-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__category-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
}

/* One quiet status chip — kill purple AUTOMATED fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__pill--system,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__pill--automated {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  min-height: 22px !important;
  padding: 2px 8px !important;
  font-weight: 600 !important;
}

/* Hide duplicate System pill when Automated is present (keep one status) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card--system .template-card__pill--system {
  display: none !important;
}

/* E) Row actions — Edit gold · Use nord · Delete quiet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__actions-row--primary {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__btn--edit.edit-template-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .edit-template-btn.template-card__btn--edit {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  min-height: 32px !important;
  padding: 0 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__btn--use.use-template-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .use-template-btn.template-card__btn--use {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  min-height: 32px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .template-card__btn--use:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Empty state — muted text, no dashed card / icon tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesEmptyState {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesEmptyState-icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesEmptyState-title {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="templates"] #templatesView .templatesEmptyState-desc {
  color: #909090 !important;
}

/* F) ASK demote on Templates */
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="templates"]) #askLiteRoot .ask-lite-edge-tab-wrap {
  opacity: 0.42 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="templates"]) #askLiteRoot .ask-lite-edge-tab-wrap:hover,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="templates"]) #askLiteRoot .ask-lite-edge-tab-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]:has(.app-shell[data-view="templates"]) #askLiteRoot .ask-lite-edge-tab-wrap--open {
  opacity: 0.9 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v108 — Settings SIDEBAR hard flatten (better-than-Attio)
   Screenshot after v86: active still reads blue wash (styles-master / gmail
   pill gradient); checkmarks always-loud; Guided setup can re-box via overlays.
   Also fix Settings Save gold → green commit (checklist triad).
   Scope: #settingsModal sidebar (+ Save footers). Do not regress hubs.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Flush rail — kill frosted / surface-2 trays */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar {
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* B) Nav rows — editorial list; kill pill radius + blue active gradient */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item {
  border-radius: 0 !important;
  margin-right: 0 !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-left: 2px solid transparent !important;
  box-shadow: none !important;
  filter: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active:hover {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  border-left: 2px solid #81a1c1 !important;
  padding-left: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item .settings-nav-svg {
  color: #909090 !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg {
  color: #81a1c1 !important;
  stroke: currentColor !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.9 !important;
  padding: 18px 12px 4px !important;
}

/* C) Setup checkmarks — rest whisper; readable on hover/active only */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--pending {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.22 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator--done {
  opacity: 0.7 !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* D) Guided setup — text link (beat overlays filled charcoal button) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar #settingsGuidedTrainingBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  opacity: 0.7 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 2px !important;
  margin-top: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn:hover {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn .settings-nav-svg {
  color: #81a1c1 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 0.9 !important;
}

/* E) Close — quiet nord text, not tray button */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 10px 12px 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-close-btn {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  opacity: 0.75 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn:hover {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: transparent !important;
}

/* F) Settings Save — green commit (never gold; gold is Edit-only elsewhere) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:hover:not(:disabled) {
  background: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  background-image: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  filter: none !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v109 — My Preferences modal (better-than-Attio)
   Screenshot: nested section cards + icon tiles + blue Save Preferences.
   Flatten sections to soft gutters on #141414; Cancel nord; Save green;
   charcoal inputs + nord focus. Scope: #userPreferencesModal only.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Shell / head / body / foot — one flush charcoal composition */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal.backdrop,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal {
  background: rgba(20, 20, 20, 0.72) !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modal.preferences-modal,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-modal {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalHead,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalBody.preferences-body,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-body,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalFoot {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalHead {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 14px 18px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesCloseBtn.iconBtn,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalHead .iconBtn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesCloseBtn.iconBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalHead .iconBtn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-body {
  padding: 16px 18px 20px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalFoot {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 12px 18px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* B) Flatten section cards → soft gutters only */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-section {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 16px 0 8px !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-body > .preferences-section:first-child {
  border-top: none !important;
  padding-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-section-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* Kill purple/blue icon tile washes */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-section-icon {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  opacity: 0.75 !important;
  filter: grayscale(0.35) !important;
}

/* C) Labels / hints — contrast floor */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-hint,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-hint strong {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-hint strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-grid {
  gap: 12px 16px !important;
}

/* D) Inputs — charcoal + nord focus (beat overlays / light rules) */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal textarea,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal select,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .settings-input,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .select {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
  accent-color: #81a1c1;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal input:not([type="checkbox"]):not([type="radio"]):focus,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .settings-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal input[readonly],
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefProfileEmail {
  background: #181818 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Snug short fields */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefWorkPhone,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefFirstName,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefLastName,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #themeSelect {
  max-width: 320px !important;
}

/* E) Notification toggles — list rows, not mini-cards */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggles .preferences-toggle:first-child {
  border-top: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle:hover {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle input[type="checkbox"] {
  accent-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle-label strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle-desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* F) Signature editor — charcoal (kill inline white) */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-signature-editor-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-sig-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefEmailSignatureEditor,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefEmailSignatureEditor.ql-container,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #prefEmailSignatureEditor .ql-editor {
  background: #1a1a1a !important;
  background-image: none !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-sig-toolbar .ql-stroke {
  stroke: #c6c6c6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-sig-toolbar .ql-fill {
  fill: #c6c6c6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .pref-sig-toolbar .ql-picker-options {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* G) CTA triad — Cancel nord · Save Preferences green (never blue/gold) */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesCancelBtn.btn,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalFoot #preferencesCancelBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesCancelBtn.btn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesSaveBtn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .modalFoot #preferencesSaveBtn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesSaveBtn {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesSaveBtn.btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal #preferencesSaveBtn:hover {
  background: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  background-image: linear-gradient(150deg, #a7f3d0 0%, #6ee7b7 55%, #34d399 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v110 — Projects + Invoices hubs & detail folders (better-than-Attio)
   Scope: #projectsWrap / #invoicesWrap list + detail/overview (simple+adv).
   Flush #141414; KPI → sparse strip; kill glass list shells / nested cards;
   Create nord; Edit gold · Save green · Cancel nord; beat simple-mode #fff.
   Second flatten required — no dashboard of metric/overview cards.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── SHARED LIST: flush canvas + kill glass board ───────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .projects-list-layout,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-layout {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .projects-list-layout > .pipe-board-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-layout > .pipe-board-list,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-board-list {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .projects-list-layout > section.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-layout > section.filters-modern.list-toolbar-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .list-toolbar-bar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .list-toolbar-bar {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .filter-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #projectSearch,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #invoiceSearch {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .filter-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .filter-search-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .filter-search-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .filter-search-input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

/* Create / Quick / Pay link — nord quiet (never gold / glow) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnCreateProjectQuick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnNewProject,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnNewProjectEmpty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnInvoiceQuick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnOpenCreateMenuToolbar,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnNewInvoiceEmpty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnNewPayLink,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-toolbar-paylink {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnCreateProjectQuick:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnNewProject:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnInvoiceQuick:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap #btnOpenCreateMenuToolbar:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-toolbar-paylink:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
  box-shadow: none !important;
}

/* KPI — one sparse horizontal strip (not 4–5 filled cards) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-strip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-strip--invoice {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 0 10px !important;
  padding: 4px 0 12px !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-board-list .td-kpi-card {
  flex: 1 1 0 !important;
  min-width: 88px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 14px !important;
  min-height: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card + .td-kpi-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card + .td-kpi-card {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  margin-top: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card--money .td-kpi-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card--money .td-kpi-value {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card--warning .td-kpi-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card--warning .td-kpi-value {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card--risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card--risk {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .td-kpi-card--risk .td-kpi-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .td-kpi-card--risk .td-kpi-value {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

/* Table shells — flush rows, soft gutters */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .pipe-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .pipe-list-table-wrap {
  background: #141414 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .pipe-list-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-table {
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .pipe-list-table thead th,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-table thead th {
  background: #141414 !important;
  color: #909090 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap tr.pipe-list-row.project-row td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap tr.pipe-list-row.invoice-row td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap tr.pipe-list-row.quote-row td {
  background: #141414 !important;
  color: #f0f0f0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  min-height: 44px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap tr.pipe-list-row.project-row:hover td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap tr.pipe-list-row.invoice-row:hover td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap tr.pipe-list-row.quote-row:hover td {
  background: #181818 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap tr.pipe-list-row:nth-child(even):not(.selected):not(:hover) td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap tr.pipe-list-row:nth-child(even):not(.selected):not(:hover) td {
  background: #141414 !important;
}

/* Phone / card alt — list rows, not filled cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-list-card--phone-compact,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .contact-list-card.project-phone-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-list-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-row.invoice-list-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 4px !important;
}

/* Invoice subtabs — nord underline */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-gmail-subtabs-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-gmail-subtabs-row {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .gmail-tab[data-tab="invoices"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .gmail-tab[data-tab="quotes"] {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .gmail-tab.active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .gmail-tab.active::after {
  background: #81a1c1 !important;
  height: 2px !important;
  box-shadow: none !important;
}

/* Priority legend / readiness — quiet, not card chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .priority-legend,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-readiness-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .invoice-readiness-banner {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .emptyState,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="invoices"] #invoicesWrap .emptyState {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  padding: 28px 8px !important;
}

/* Project stage board — soft columns, no heavy cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .pipe-kanban-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-stage-column {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ─── PROJECTS DETAIL — flush + flatten ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-workspace-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-primary-column,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-tab-content,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-tab-surface,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-record-main,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"],
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-detail-workspace-body {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  color: #f0f0f0 !important;
  --ro-page-bg: #141414;
  --ro-form-bg: #141414;
  --ro-card-shadow: none;
  color-scheme: dark;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .detailHeader.contact-detail-header-new,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .contact-detail-header-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .crm-contact-overview-fields,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .detailSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .crm-overview-hero,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-hero,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-nextsteps-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-context-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .deal-sidebar-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-tab-pane,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .activityItem {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-detail-tabs-nav {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-tab {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-tab.is-active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  border-bottom: 2px solid #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .related-section-header {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 11px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .detailRow {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  min-height: 36px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Project CTAs — Edit gold · Save green · Cancel/secondary nord */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnEditProject.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnEditProject.detail-action-btn.edit-btn,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap #projectOverviewModeBar .record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save),
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap [data-project-mode-edit].record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnOverviewSave.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnOverviewSave.detail-action-btn.edit-btn,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap #projectOverviewModeBar .record-overview-mode-bar__edit--save,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap [data-project-mode-edit].record-overview-mode-bar__edit--save {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnOverviewCancel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnBackToList,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnViewDeal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnProjectComposeEmail,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap #btnProjectSummaryClient,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-record-quick-add-rail .contact-record-quick-rail__btn--cancel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-record-quick-add-rail .contact-record-quick-rail__btn--back,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap .record-overview-mode-bar__back {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-edit-footer {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Project edit inputs — charcoal (beat simple-mode #fff) */
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] input,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] textarea,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] select,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .inline-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap select {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] input::placeholder,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] input:focus,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] textarea:focus,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .contact-detail-header-wrap,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .contact-overview-record-card,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .project-overview-details-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

/* Demote Focused/Full toggle noise on project mode bar */
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap .record-overview-mode-bar__toggle {
  opacity: 0.55 !important;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap .record-overview-mode-bar__toggle:hover {
  opacity: 1 !important;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap .record-overview-mode-bar,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap #projectOverviewModeBar {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap .record-overview-mode-bar__name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ─── INVOICES DETAIL — flush + flatten ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-workspace,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-workspace-body,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-primary-column,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-record-main,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-record-main,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-body,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-tab-content,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-tab-surface,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .quote-detail-tab-surface,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"],
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-detail-workspace-body,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .project-detail-workspace-body {
  background: #141414 !important;
  background-image: none !important;
  background-color: #141414 !important;
  color: #f0f0f0 !important;
  --ro-page-bg: #141414;
  --ro-form-bg: #141414;
  --ro-card-shadow: none;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .detailHeader.contact-detail-header-new,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .metaWrap.contact-detail-header-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-nav,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-detail-tabs-nav,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-record-overview-top,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .crm-overview-hero,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-detail-hero,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .crm-contact-overview-fields,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .detailSection,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-field-group,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-payment-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-schedule-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-settings-card,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-line-items-shell,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .activityItem {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tabs-nav,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-detail-tabs-nav {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.invoice-tab,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.quote-tab,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-tab {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.invoice-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.invoice-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.quote-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-detail-tab-btn.quote-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .project-tab.active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  border-bottom: 2px solid #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-tab-sticky-header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .related-section-header {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .detailRow,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-ov-field {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-ov-label,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* QB sheet — soft composition, amount strip (not nested tiles) */
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-sheet,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-address,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-meta-strip {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amounts,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amounts__grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount--paid,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount--remainder {
  flex: 1 1 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 14px !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount + .invoice-ov-qb-amount {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-header__balance--open,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-header__balance--paid {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-header__balance--open .invoice-ov-qb-header__balance-amount,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount__value--open {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-amount__label,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-field__label,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .invoice-ov-qb-header__eyebrow {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Line items table — rows, not filled shells */
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .pipe-list-table-wrap {
  background: #141414 !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .pipe-list-table th {
  background: #141414 !important;
  color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .pipe-list-table td {
  background: #141414 !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/* Invoice / quote CTAs — Edit gold · Save green · Cancel nord */
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #btnEditOverview.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #quoteBtnEditOverview.edit-btn,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap #invoiceOverviewModeBar .record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save),
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap [data-invoice-mode-edit].record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #btnSaveOverview.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #quoteBtnSaveOverview.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #btnSaveQuoteSettings.edit-btn,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap #invoiceOverviewModeBar .record-overview-mode-bar__edit--save,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap [data-invoice-mode-edit].record-overview-mode-bar__edit--save {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #btnCancelOverview,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #quoteBtnCancelOverview,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #btnBackToList,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #quoteDetailBack,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-detail-secondary-btn,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-record-quick-add-rail .contact-record-quick-rail__btn--cancel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-record-quick-add-rail .contact-record-quick-rail__btn--back,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap .record-overview-mode-bar__back {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap .record-overview-mode-bar__toggle {
  opacity: 0.55 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap .record-overview-mode-bar__toggle:hover {
  opacity: 1 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap .record-overview-mode-bar,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap #invoiceOverviewModeBar {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap .record-overview-mode-bar__name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Beat simple-mode white edit identity tiles / inputs */
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .contact-field-group > .invoice-ov-field-grid--identity > .invoice-ov-field,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .invoice-ov-identity-block > .invoice-ov-field-grid--identity > .invoice-ov-field,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .invoice-ov-address-block--editing > .invoice-ov-field {
  background: #1a1a1a !important;
  background-image: none !important;
  background-color: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-top: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] textarea,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] select,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .inline-input,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .searchable-dropdown-input,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root textarea,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root select {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark;
  max-width: 320px;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] textarea,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root textarea {
  max-width: none;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] input::placeholder,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] input:focus,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] textarea:focus,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

/* Portaled / drawer menus */
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-settings-drawer,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-settings-drawer__header,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-settings-drawer__body,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .searchable-dropdown-list,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .searchable-dropdown-list,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap #projectListOptionsPanel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap #invoiceListOptionsPanel {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* Soft section seams on overview columns */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="projects"] #projectsWrap .project-overview-columns-grid > *,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-overview-surface > * {
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — System-wide Attio knockout (P0 unpolished surfaces)
   Inbox · Leads · Reports · File/Grow flyouts · Contact Docs/Room/Billing/
   Projects tabs · Job Cost hub · ASK open panel · Notification feed body.
   Principles: flush #141414, soft gutters, list rows not cards, Edit gold /
   Save green / Cancel nord, no white panels, no purple AI washes.
   Do NOT regress People/Deals/Focused/Settings shell already at v104–v110.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Shared nav flyout (File + Grow) — light + dark ──────────────────────── */
.td-nav-flyout {
  position: fixed;
  z-index: 10060;
}
.td-nav-flyout__panel {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
  padding: 10px;
  min-width: 240px;
}
.td-nav-flyout__label {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #f3f4f6;
}
.td-nav-flyout__grid {
  display: grid;
  gap: 4px;
}
.td-nav-flyout__grid--2 { grid-template-columns: repeat(2, 1fr); }
.td-nav-flyout__grid--3 { grid-template-columns: repeat(3, 1fr); }
.td-nav-flyout__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 4px;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: background 0.12s ease;
}
.td-nav-flyout__item:hover {
  background: #f3f4f6;
}
.td-nav-flyout__icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  background: #f3f4f6;
  box-shadow: none;
}
.td-nav-flyout__icon[data-accent="sky"],
.td-nav-flyout__icon[data-accent="blue"] { background: #e0f2fe; }
.td-nav-flyout__icon[data-accent="rose"] { background: #fce7f3; }
.td-nav-flyout__icon[data-accent="amber"] { background: #fef3c7; }
.td-nav-flyout__icon[data-accent="violet"] { background: #ede9fe; }
.td-nav-flyout__icon[data-accent="green"] { background: #dcfce7; }
.td-nav-flyout__name {
  font-size: 10px;
  font-weight: 500;
  color: #374151;
  line-height: 1.25;
}
.td-nav-flyout__sub {
  font-size: 9px;
  font-weight: 600;
  color: #64748b;
}

html[data-theme="dark"] body[data-theme="momentum"] #__toolsMenu.td-nav-flyout .td-nav-flyout__panel,
html[data-theme="dark"] body[data-theme="momentum"] #__fileMenu.td-nav-flyout .td-nav-flyout__panel,
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__panel {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__label {
  color: #909090 !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__item:hover {
  background: #2a2a2a !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__icon {
  background: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__item:hover .td-nav-flyout__icon {
  transform: none !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__name {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .td-nav-flyout .td-nav-flyout__sub {
  color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Inbox hub (#emailInboxView)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView.td-inbox-host,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="inbox"] #emailInboxView {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
  --td-inbox-card-shadow: none;
  --surface-1: #181818;
  --surface-elevated: #1e1e1e;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread-col,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__conv-col,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__toolbar,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__toolbar-top,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__mailbox-bar,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__list,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView #conversationView {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread-col {
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__search,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__adv-search,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__search-wrap input,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView select,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView input[type="text"],
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView input[type="search"],
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView textarea {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView textarea::placeholder {
  color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 52px !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread:hover {
  background: #181818 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread--selected,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread.is-selected,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread[aria-selected="true"] {
  background: #1e1e1e !important;
  border-left: 2px solid #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__thread--unread {
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__chip-filter,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__mailbox-tab {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__chip-filter.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__mailbox-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__mailbox-tab[aria-selected="true"] {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__btn-accent,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__btn-primary {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__icon-btn {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__msg {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__msg--out .td-inbox__msg-bubble,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__msg--out {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__record-card,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__deal-close,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__team-notes,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__composer-shell,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__composer-panel {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__empty,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__placeholder {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__more-dropdown,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__dropdown,
html[data-theme="dark"] body[data-theme="momentum"] #emailInboxView .td-inbox__modal {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Leads hub
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="leads"] #leadsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-view,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-content {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-header,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-header-top {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  padding: 14px 20px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-header h1,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-header h2,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-header-left {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* KPI bar → sparse strip */
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-kpi-bar,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  margin: 0 0 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-kpi,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-stat-card {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 20px !important;
  min-width: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-kpi:last-child,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-stat-card:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-kpi-value {
  color: #f0f0f0 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-kpi-label {
  color: #909090 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-form-selector,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-selector-main,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-no-forms {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-empty-state {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  padding: 28px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-empty-icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-table,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-table th,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-table td {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .leads-table th {
  color: #909090 !important;
  font-weight: 550 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .lead-response-row {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  min-height: 48px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .lead-response-row:hover {
  background: #181818 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .lead-status-badge {
  background: transparent !important;
  border: none !important;
  color: #b0b0b0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .lead-status-badge.new,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .lead-status-badge.converted {
  color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .btn,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap .btn.small,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap #leadsRefreshBtn,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap #leadsExportBtn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap select.select,
html[data-theme="dark"] body[data-theme="momentum"] #leadsWrap #leadsFormSelect {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Reports hub
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="reports"] #reportsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-split-layout,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-panel,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-scroll,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap #reportsPreviewPanel,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-preview-panel {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-panel {
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-header {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-list-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-list-item:hover {
  background: #181818 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-list-item.active {
  background: #1e1e1e !important;
  border-left: 2px solid #81a1c1 !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-group-header,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-list-group-icon {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  box-shadow: none !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpis .report-kpi,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-chart-section,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-table-section {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpis {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 10px 0 !important;
  margin: 0 0 16px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi {
  padding: 0 20px !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi.highlight,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi.success,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi.warning,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-kpi.danger {
  background: transparent !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-preview-empty,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .custom-reports-empty {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-preview-empty-icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .btn-new-custom-report,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .reports-refresh-btn-sm {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-table th,
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-table td {
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #f0f0f0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #reportsWrap .report-table th {
  color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Job Cost hub
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="budgets"] #budgetsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap #budgetsHubRoot,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .budgets-list-pane,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .budgets-detail-pane,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap #budgetsDetailPane,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .budgets-iframe-host,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap #budgetsIframeHost {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .budgets-detail-header-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap #budgetsDetailTabRail,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .budgets-detail-tab-rail {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .td-kpi-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 10px 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .td-kpi-card {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .td-kpi-card:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .td-kpi-value {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .td-kpi-label {
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .project-tab.contact-detail-tab-btn,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap #budgetsDetailTabsNav .project-tab {
  background: transparent !important;
  color: #b0b0b0 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .project-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .project-tab.contact-detail-tab-btn.active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Contact Documents / Client Room / Invoicing / Projects tabs
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--portal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--invoicing,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #contact-detail-panel-documents,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #contact-detail-panel-portal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #contact-detail-panel-invoicing,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel #contact-detail-panel-projects {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Kill white portal / tab shells */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .portal-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .impl-intake-panel.portal-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-portal-tab__messages-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-portal-tab__files-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-shell--hero,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-shell--subsection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-table-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-documents-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-documents-table-wrap {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .portal-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-shell--subsection {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-top: 12px !important;
  margin-top: 8px !important;
}

/* Metrics → sparse strip */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-metrics {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 8px 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-metric-card {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 16px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-metric-card:last-child {
  border-right: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-portal-tab__panel-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-tab-kicker {
  color: #909090 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-portal-tab__composer-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--portal input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--portal textarea {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-doc-toolbar-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-doc-toolbar-btn--portal {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-doc-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .invoice-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .quote-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .portal-tab-shared-doc {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .mm-doc-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .invoice-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-row:hover {
  background: #181818 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — ASK Lite open panel
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot.ask-lite-shelf--open #askLitePanel,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__panel,
html[data-theme="dark"] #askLiteRoot.ask-lite-shelf--open #askLitePanel {
  background: #141414 !important;
  background-image: none !important;
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__header,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__thread,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__chips {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__header {
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__title {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__context,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__input,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot textarea,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot textarea:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-bubble--assistant,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-bubble--user,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  padding: 8px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-bubble--user {
  color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip-menu__list {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot button[type="submit"],
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__send {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Notification feed body (beyond bell v49)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel.activity-feed-panel {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-header,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-filters,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-content {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-header {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-title h2,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-title {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-filter-btn {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-filter-btn.active {
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-inbox-item,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  min-height: 48px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-inbox-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-item:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-inbox-item--unread {
  background: transparent !important;
  border-left: 2px solid #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-inbox-snippet,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-empty,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-group-header,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-loading {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-mark-read,
html[data-theme="dark"] body[data-theme="momentum"] #activityFeedPanel .activity-feed-close {
  background: transparent !important;
  border: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Settings content hard pass (tables / cards / import leftovers)
   Shell already v79–v108; flatten remaining white/card stacks in pages.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-card,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-section-card,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 [class*="settings-card"] {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 select,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 textarea {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 textarea::placeholder {
  color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 table,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 th,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 td {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 th {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .btn-primary:not(.save-company-btn):not([id*="ave"]):not([id*="Save"]),
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 a.settings-guided-link,
html[data-theme="dark"] body[data-theme="momentum"] .settings-modal-v2 .settings-secondary-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v111 — Deal Full mode leftovers (non-simple workspace)
   Soften classic card chrome when not in Focused/simple mode.
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount:not([data-deal-workspace-mode="simple"]) .deal-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount:not([data-deal-workspace-mode="simple"]) .deal-section-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount:not([data-deal-workspace-mode="simple"]) [class*="deal-panel-card"] {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount:not([data-deal-workspace-mode="simple"]) .td-ai-badge {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v112 — Package Studio · Deal Map · Project detail secondary tabs
   Continue system-wide Attio knockout after v111.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Package Studio (.bc-studio-modal) ───────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop.td-glass-modal-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .bc-studio-modal,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .modal.bc-studio-modal.quick-lead-modal,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .modal.bc-studio {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .td-glass-modal__head,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .td-glass-modal__body,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .bc-studio-modal__step,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-section,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .td-glass-modal__panel {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-modal__title,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .td-glass-modal__title {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-modal__lede,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .bc-studio-composer-preview__hint {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop select,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop textarea {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop textarea::placeholder {
  color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .bc-studio-modal__mark,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .quick-lead-modal__mark {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .bc-studio-composer-preview__btn,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .btn:not(.btn-primary):not([id*="ave"]):not([id*="Save"]) {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop .btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop button[id*="ave"],
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-backdrop button[id*="Save"] {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-studio-help-popover {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* ── Deal Map tab ────────────────────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-body,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-spine,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-pipeline-momentum {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  padding: 12px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__stat {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 18px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__stat:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-node__card,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-artifact,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-artifact__body,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-task-block,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-rel-map__node {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__title,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__stat-val,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-node__title,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-aside-value,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-rel-map__name {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__lede,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__stat-meta,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-hero__stat-label,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-node__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-node__meta {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount .deal-map-node__icon {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}

/* ── Project detail — secondary tabs + sidebar flatten ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-detail-tabs-card.project-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .deal-card.contact-detail-tabs-card,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-detail-tab-surface,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-tab-content,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-detail-tabs-body {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-detail-tabs-header,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-detail-tabs-header.project-detail-tabs-header {
  background: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-tab.contact-detail-tab-btn {
  background: transparent !important;
  color: #b0b0b0 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-tab.contact-detail-tab-btn.active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .deal-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-detail-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .deal-sidebar-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .deal-sidebar-header h4 {
  color: #909090 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
  font-weight: 550 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .deal-company-name,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .project-sidebar-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .portal-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-tab-shell,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-tab-shell--hero,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-tab-shell--subsection,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-tab-table-shell {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .contact-tab-metric-card {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap select,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap textarea {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}

/* ── Invoice detail secondary tabs (Line Items / Payments / Activity / Email) */
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap.invoice-detail-view-root .invoice-tab-panel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-line-items-panel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-payments-panel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-activity-panel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-email-panel,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-print-panel {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .invoice-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap [class*="status-pill"],
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap [class*="status-badge"] {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap table th,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap table td {
  border-color: rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap table th {
  color: #909090 !important;
}

/* ── Sequences / Campaigns manager overlays (Grow tools) ─────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .sequences-manager,
html[data-theme="dark"] body[data-theme="momentum"] .campaigns-manager,
html[data-theme="dark"] body[data-theme="momentum"] [class*="sequences-overlay"],
html[data-theme="dark"] body[data-theme="momentum"] [class*="campaigns-overlay"],
html[data-theme="dark"] body[data-theme="momentum"] #sequencesRoot,
html[data-theme="dark"] body[data-theme="momentum"] #campaignsRoot {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] .sequences-manager [class*="card"],
html[data-theme="dark"] body[data-theme="momentum"] .campaigns-manager [class*="card"] {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v113 — Calendar Agenda flatten (better-than-Attio)
   Scope: Agenda/Day card list (.calSection / .calCards / .calDayCard).
   Screenshot still read as stacked CRM cards + loud red Event/when pills +
   pastel icon tiles. Flatten to list rows on #141414; nord quiet CTAs/pills;
   overdue = soft left hairline (not pink wash). Beat createCalendarCard
   inline styles. Do not regress month grid / People / other hubs.
   ═══════════════════════════════════════════════════════════════════════════ */

/* A) Agenda host — flush composition */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calendarPanel .cal-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calendarPanel .cal-main,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calViewHost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calViewHost {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calSection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calSection {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calCards,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calCards {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Date headers — muted uppercase, soft hairline (not filled #222 bars) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calSectionHeader,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calSectionHeader {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 18px 4px 8px !important;
  margin: 0 0 2px !important;
}

/* B) List rows — not 110px record cards (beat inline padding/radius/shadow) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calCards .calDayCard,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calCards .calDayCard {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1.6fr) minmax(0, 1fr) auto !important;
  gap: 10px 14px !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 6px !important;
  min-height: 52px !important;
  height: auto !important;
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: 1 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard:focus-visible {
  background: #181818 !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
  z-index: 1 !important;
}

/* Overdue / project accent — soft left seam only (kill pink/purple washes) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard[style*="fff1f2"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard[style*="fff1f2"] {
  border-left: 2px solid rgba(252, 165, 165, 0.55) !important;
  background: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard[data-cal="projects"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard[data-cal="projects"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard[style*="7c3aed"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard[style*="7c3aed"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard[style*="fcfaff"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard[style*="fcfaff"] {
  border-left: 2px solid rgba(155, 142, 196, 0.45) !important;
  background: #141414 !important;
  background-image: none !important;
}

/* C) Icon tiles — charcoal circles (kill pastel gradients) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  color: #f0f0f0 !important;
}

/* D) Title / meta — Cursor Dark type */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-details,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-details,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-detail-line,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-detail-line {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-sub span,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-sub span {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Overdue badge inside subtitle — quiet outline, never loud red fill */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-sub span[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-sub span[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-sub span[style*="fef2f2"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-sub span[style*="fef2f2"] {
  background: transparent !important;
  background-image: none !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border: 1px solid rgba(252, 165, 165, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

/* E) When / Event / Booking pill — nord quiet (was the loud red “CTA”) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-when,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-when {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-when[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-when[style*="ef4444"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-day-card-when[style*="fef2f2"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-day-card-when[style*="fef2f2"] {
  background: transparent !important;
  background-image: none !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(252, 165, 165, 0.4) !important;
}

/* F) Export / secondary tools — nord quiet, hover-only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard .cal-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard .cal-export-btn {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .calDayCard:hover .cal-export-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .calDayCard:hover .cal-export-btn {
  opacity: 1 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* G) Empty state — muted text + soft divider; hide decorative icon tile */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .emptyState,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .emptyState {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  padding: 28px 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .emptyState .icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .emptyState .icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .emptyState h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .emptyState h3 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .emptyState p,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .emptyState p {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* H) Day view also uses calDayCard — same row treatment */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap .cal-day-untimed .calDayCard,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap .cal-day-untimed .calDayCard {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v114 — Calendar Agenda: JS chrome removed; class-based list rows
   createCalendarCard no longer paints red pills / pastel icons / card lift.
   These rules style the new classes + keep a light-mode baseline.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Light + shared structure */
body[data-theme="momentum"] #calendarWrap .calAgendaWrap {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body[data-theme="momentum"] #calendarWrap .calCards {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body[data-theme="momentum"] #calendarWrap .calSectionHeader {
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-secondary, #64748b);
  padding: 18px 4px 8px;
  margin: 0;
  border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.08));
  background: transparent;
}

body[data-theme="momentum"] #calendarWrap .calDayCard {
  padding: 12px 6px;
  min-height: 52px;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.08));
  border-left: 2px solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: var(--text-primary, #0f172a);
  transition: background 0.15s ease;
}

body[data-theme="momentum"] #calendarWrap .calDayCard:hover {
  background: rgba(15, 23, 42, 0.03);
  transform: none;
  box-shadow: none;
}

body[data-theme="momentum"] #calendarWrap .calDayCard--overdue {
  border-left-color: #f87171;
}

body[data-theme="momentum"] #calendarWrap .calDayCard--project {
  border-left-color: #a78bfa;
}

body[data-theme="momentum"] #calendarWrap .calDayCard--complete {
  opacity: 0.72;
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
  background: var(--surface-2, #f1f5f9);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
  box-shadow: none;
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-title {
  font-weight: 650;
  font-size: 14px;
  line-height: 1.35;
  color: var(--text-primary, #0f172a);
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-sub {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  font-size: 12px;
  color: var(--text-secondary, #64748b);
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  font-size: 12px;
  color: var(--text-secondary, #64748b);
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  background: transparent;
  border: 1px solid rgba(100, 116, 139, 0.35);
  color: var(--text-secondary, #475569);
  box-shadow: none;
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-when--overdue,
body[data-theme="momentum"] #calendarWrap .cal-day-card-badge--overdue {
  color: #b91c1c;
  border-color: rgba(248, 113, 113, 0.45);
  background: transparent;
}

body[data-theme="momentum"] #calendarWrap .cal-day-card-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid var(--border, rgba(15, 23, 42, 0.12));
  background: transparent;
  color: var(--text-secondary, #64748b);
}

body[data-theme="momentum"] #calendarWrap .cal-export-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: var(--surface-1, #fff);
  border: 1px solid var(--border, rgba(15, 23, 42, 0.12));
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
  box-shadow: none;
}

/* Dark Cursor — flush list, nord chips */
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calAgendaWrap,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calSection,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calCards,
html[data-theme="dark"] #calendarWrap .calDayCard {
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calSectionHeader,
html[data-theme="dark"] #calendarWrap .calSectionHeader {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calDayCard,
html[data-theme="dark"] #calendarWrap .calDayCard {
  background: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  padding: 12px 6px !important;
  min-height: 52px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calDayCard:hover,
html[data-theme="dark"] #calendarWrap .calDayCard:hover {
  background: #181818 !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calDayCard--overdue,
html[data-theme="dark"] #calendarWrap .calDayCard--overdue {
  border-left-color: rgba(252, 165, 165, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calDayCard--project,
html[data-theme="dark"] #calendarWrap .calDayCard--project {
  border-left-color: rgba(155, 142, 196, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-icon,
html[data-theme="dark"] #calendarWrap .cal-day-card-icon {
  width: 32px !important;
  height: 32px !important;
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-title,
html[data-theme="dark"] #calendarWrap .cal-day-card-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-details,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-detail-line,
html[data-theme="dark"] #calendarWrap .cal-day-card-sub,
html[data-theme="dark"] #calendarWrap .cal-day-card-details {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-when,
html[data-theme="dark"] #calendarWrap .cal-day-card-when {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-when--overdue,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-card-badge--overdue,
html[data-theme="dark"] #calendarWrap .cal-day-card-when--overdue,
html[data-theme="dark"] #calendarWrap .cal-day-card-badge--overdue {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(252, 165, 165, 0.4) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-export-btn,
html[data-theme="dark"] #calendarWrap .cal-export-btn {
  background: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v115 — Calendar "Tasks Due" header control (nord quiet; active underline)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calTasksDueBtn.cal-tasks-due-btn,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  margin-right: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calTasksDueBtn.cal-tasks-due-btn:hover,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn:hover {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="calendar"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.calendar-view #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: transparent !important;
  border-bottom: 2px solid #81a1c1 !important;
  border-radius: 0 !important;
}

body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

body[data-theme="momentum"] #calendarWrap #calTasksDueBtn .cal-tasks-due-btn__icon {
  font-size: 12px;
  opacity: 0.85;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v116 — Tasks Due button: count badge + actionable nord when count > 0
   ═══════════════════════════════════════════════════════════════════════════ */
body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

body[data-theme="momentum"] #calendarWrap #calTasksDueBtn .cal-tasks-due-btn__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  background: rgba(15, 23, 42, 0.08);
  color: inherit;
}

body[data-theme="momentum"] #calendarWrap #calTasksDueBtn .cal-tasks-due-btn__count[hidden] {
  display: none !important;
}

/* Dark: quiet at rest; actionable nord fill when there is work */
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due {
  background: rgba(129, 161, 193, 0.22) !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due:hover,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due:hover {
  background: rgba(129, 161, 193, 0.32) !important;
  border-color: rgba(136, 192, 208, 0.65) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due .cal-tasks-due-btn__count,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--has-due .cal-tasks-due-btn__count {
  background: rgba(129, 161, 193, 0.45) !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active {
  border-bottom: 2px solid #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active.cal-tasks-due-btn--has-due,
html[data-theme="dark"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn--active.cal-tasks-due-btn--has-due {
  background: rgba(129, 161, 193, 0.28) !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  border-bottom: 2px solid #88c0d0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v118 — Tasks main-menu hub (due work queue)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="tasks"] #tasksWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.tasks-view #tasksWrap,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap.tasksPane,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap.tasks-hub-pane {
  background: #141414 !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__header {
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__stats {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__search {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__search::placeholder {
  color: #707070 !important;
  -webkit-text-fill-color: #707070 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter:hover {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter.is-active {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom: 2px solid #81a1c1 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__cal-link {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__cal-link:hover {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: rgba(136, 192, 208, 0.65) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty {
  border-top-color: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty h2 {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-title {
  color: #909090 !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row {
  background: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:hover {
  background: rgba(129, 161, 193, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue {
  border-left-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark {
  background: rgba(191, 97, 106, 0.18) !important;
  color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-title {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-meta {
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-contact {
  color: #a8b0ba !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-bottom-color: rgba(136, 192, 208, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when {
  color: #d8dee9 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--overdue {
  color: #bf616a !important;
  border-color: rgba(191, 97, 106, 0.45) !important;
}

/* Tasks nav badge — actionable nord when due count > 0 */
html[data-theme="dark"] body[data-theme="momentum"] #menuTasksBtn .menuBtn-badge.is-on,
html[data-theme="dark"] body[data-theme="momentum"] .mobile-more-item[data-more-view="tasks"] .menuBtn-badge.is-on {
  background: rgba(129, 161, 193, 0.45) !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #menuTasksBtn.menuBtn--has-due {
  color: #f0f0f0 !important;
}

/* Web Inquiries badge — keep red circle, match Tasks pill geometry */
html[data-theme="dark"] body[data-theme="momentum"] #menuLeadsBtn .menuBtn-badge.is-on,
html[data-theme="dark"] body[data-theme="momentum"] .nav-more-item[data-nav="leads"] .menuBtn-badge.is-on,
html[data-theme="dark"] body[data-theme="momentum"] .mobile-more-item[data-more-view="leads"] .menuBtn-badge.is-on {
  background: #ef4444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  animation: none !important;
  position: static !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v118 — Home contact overlay (task list popup from Home)
   Scope: #__contactOverlay.td-home-contact-overlay only.
   Flush charcoal panel; kill purple avatar / white task cards / indigo links;
   tasks → list rows (soft gutters); Edit stays sole gold primary; Close nord.
   Flatten: no filled tasks shell, no nested white cards.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay {
  background: rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Panel — charcoal, soft border, quieter radius/shadow */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__panel,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__panel {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5) !important;
  color: #f0f0f0 !important;
}

/* Header — flush, soft bottom gutter (no slate gradient) */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__header,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__header {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 14px 18px !important;
}

/* Avatar — kill purple gradient */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__avatar,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__avatar {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__name,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__meta,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* X close — nord quiet, not light gray chip */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* Body */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__body,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__body {
  background: #141414 !important;
  color: #f0f0f0 !important;
  padding: 16px 18px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__grid,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__grid {
  gap: 0 28px !important;
}

/* Tasks column: soft left seam instead of boxed card stack */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__col--tasks,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__col--tasks {
  border-left: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-left: 28px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__section-title,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__section-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  margin: 0 0 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__field,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__field {
  margin-bottom: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__label,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  margin-bottom: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__value,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
}

/* Links / phone / email — nord (not indigo; not mint/Save green) */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__link,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__link,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay a.open-email-composer,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay a.open-email-composer {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  text-decoration: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__link:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__link:hover,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay a.open-email-composer:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay a.open-email-composer:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__muted,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Tags — quiet chips, not light gray pills */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__tag,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__tag {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  min-height: 26px !important;
  box-sizing: border-box !important;
}

/* Tasks shell — flatten filled gray box → flush list */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay #__overlay_tasks.td-home-contact-overlay__tasks,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay #__overlay_tasks.td-home-contact-overlay__tasks,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay #__overlay_tasks,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay #__overlay_tasks {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Task rows — list rows, not white nested cards */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  min-height: 44px !important;
  padding: 10px 4px !important;
  gap: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row:last-of-type,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row:last-of-type,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item:last-of-type,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item:last-of-type {
  border-bottom: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item.td-home-contact-overlay__task-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-item:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-item:hover {
  background: #1a1a1a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__task-title,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__task-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__task-meta,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__task-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
}

/* Sole gold primary — Edit */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit.td-home-contact-overlay__task-edit,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit.td-home-contact-overlay__task-edit,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: 1px solid rgba(234, 179, 8, 0.55) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .overlay-task-edit:hover {
  filter: brightness(1.04);
}

/* Empty — muted text only (no dashed card / icon tile) */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__empty,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__empty {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-align: left !important;
  padding: 8px 0 4px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__more,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__more {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  text-align: left !important;
  margin-top: 8px !important;
  padding: 4px 0 0 !important;
}

/* Footer — charcoal soft top gutter; Close nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__footer,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__footer {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 12px 18px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close-btn,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay #__overlay_close2,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay #__overlay_close2 {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close-btn:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay #__overlay_close2:hover,
html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay #__overlay_close2:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

@media (max-width: 720px) {
  html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__grid,
  html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__col--tasks,
  html[data-theme="dark"] #__contactOverlay.td-home-contact-overlay .td-home-contact-overlay__col--tasks {
    border-left: none !important;
    border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
    padding-left: 0 !important;
    padding-top: 14px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v119 — Tasks hub row hover actions (Call / Email)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:focus-within {
  background: rgba(129, 161, 193, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:focus-visible {
  outline-color: rgba(129, 161, 193, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--call:hover {
  background: rgba(163, 190, 140, 0.14) !important;
  border-color: rgba(163, 190, 140, 0.55) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--email:hover {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v120 — Tasks hub complete control
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark {
  background: rgba(191, 97, 106, 0.18) !important;
  color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark:hover {
  background: rgba(163, 190, 140, 0.18) !important;
  border-color: rgba(163, 190, 140, 0.55) !important;
  color: #a3be8c !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--done:hover {
  background: rgba(163, 190, 140, 0.14) !important;
  border-color: rgba(163, 190, 140, 0.55) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v121 — Tasks hub Done + New
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--done-new:hover {
  background: rgba(129, 161, 193, 0.16) !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v122 — Tasks hub Today range dropdown
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-menu {
  background: #1a1a1a !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-option {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-option:hover {
  background: rgba(129, 161, 193, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-option.is-selected {
  background: rgba(129, 161, 193, 0.22) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-btn.is-active {
  border-bottom-color: #81a1c1 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v123 — Tasks hub list polish (scan chips + sticky day rail)
   ═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter-count {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter.is-active .tasks-hub__filter-count {
  background: rgba(129, 161, 193, 0.28) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-title {
  background: rgba(20, 20, 20, 0.92) !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  backdrop-filter: blur(10px);
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-count {
  background: rgba(240, 240, 240, 0.08) !important;
  color: #d8dee9 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section--overdue .tasks-hub__section-count {
  background: rgba(191, 97, 106, 0.22) !important;
  color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section--today .tasks-hub__section-count {
  background: rgba(129, 161, 193, 0.22) !important;
  color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark {
  border-color: rgba(191, 97, 106, 0.65) !important;
  color: #bf616a !important;
  background: rgba(191, 97, 106, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__chip--deal {
  color: #ebcb8b !important;
  background: rgba(235, 203, 139, 0.12) !important;
  border-color: rgba(235, 203, 139, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__chip--project {
  color: #b48ead !important;
  background: rgba(180, 142, 173, 0.14) !important;
  border-color: rgba(180, 142, 173, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when {
  color: #d8dee9 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--overdue {
  color: #bf616a !important;
  border-color: rgba(191, 97, 106, 0.45) !important;
  background: rgba(191, 97, 106, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--today {
  color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  background: rgba(129, 161, 193, 0.14) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--tomorrow {
  color: #8fbcbb !important;
  border-color: rgba(143, 188, 187, 0.4) !important;
  background: rgba(143, 188, 187, 0.12) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v124 — File Library relook: filter-in-search fix + flatten pass
   Scope: #documentsView only.
   - Kill double-border on funnel inside .search-box (v97/ops painted a filled
     bordered square on .filter-toggle-btn)
   - Date/Name sort select: real charcoal (beat white native / low-contrast)
   - Second flatten: grid tiles softer, preview wells flush (less card-stack)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Search field: one chrome shell; funnel is an inset control ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box {
  position: relative !important;
  max-width: 420px !important;
  flex: 1 1 240px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box > svg {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #documentSearch,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input#documentSearch,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .search-box input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding-right: 44px !important;
  min-height: 40px !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #documentSearch::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #documentSearch:focus,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

/* Funnel: NO fill, NO border — sits in the input (fixes double-box glitch) */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #docFilterBtn.filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box .filter-toggle-btn,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBtn.filter-toggle-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 6px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  right: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #docFilterBtn.filter-toggle-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box .filter-toggle-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBtn.filter-toggle-btn:hover:not(:disabled) {
  background: rgba(129, 161, 193, 0.12) !important;
  background-color: rgba(129, 161, 193, 0.12) !important;
  border: none !important;
  box-shadow: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #docFilterBtn.filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box .filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBtn.filter-toggle-btn.filtered,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box #docFilterBtn.filter-toggle-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBtn.filter-toggle-btn.active {
  background: rgba(129, 161, 193, 0.16) !important;
  background-color: rgba(129, 161, 193, 0.16) !important;
  border: none !important;
  box-shadow: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box .filter-toggle-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBtn.filter-toggle-btn svg {
  color: inherit !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .search-box .filter-badge,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docFilterBadge.filter-badge {
  background: #81a1c1 !important;
  color: #141414 !important;
  -webkit-text-fill-color: #141414 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* ── Date / sort select — charcoal, readable (kill white pill) ───────────── */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-dropdown,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-toolbar-inline .sort-dropdown {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sortBySelect.sort-select,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-dropdown .sort-select,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView select.sort-select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  min-height: 40px !important;
  padding: 0 28px 0 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sortBySelect.sort-select:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-select:hover {
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sortBySelect.sort-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #sortBySelect.sort-select option,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .sort-select option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* Toolbar composition — snug one strip */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-controls {
  gap: 10px 12px !important;
  align-items: center !important;
  margin-bottom: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-toolbar-inline {
  gap: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle-group {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  min-height: 40px !important;
  align-items: stretch !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-width: 40px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .view-toggle.active {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* ── Flatten pass: grid tiles less “card stack” (beat ops #1e1e1e + shadow) ─ */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-grid {
  gap: 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.folder-card,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-card,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-card.folder-card {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card.folder-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-card:hover {
  background: #181818 !important;
  background-color: #181818 !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview.document-preview--simple,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview.document-preview--folder,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-library-container .document-preview {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview .preview-icon,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview--folder .preview-icon {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-info {
  background: transparent !important;
  border-top: none !important;
  padding: 10px 10px 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-description {
  display: none !important; /* secondary dump — park behind open/detail */
}

/* Library section label quieter */
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-content > .documents-section-label,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-section-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* v125 — Notes & Activity All/Notes feed filter */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filters,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filters {
  background: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filter,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filter:hover {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filter.is-active,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter.is-active {
  background: rgba(240, 240, 240, 0.10) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* v126 — Phone extension to the right, wide enough for 5+ digits */
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-entry-fields {
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
}
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-row,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-row {
  display: flex !important;
  visibility: visible !important;
  width: auto !important;
  max-width: none !important;
  gap: 6px !important;
}
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-ext-input.phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-input {
  flex: 0 0 6.75rem !important;
  width: 6.75rem !important;
  min-width: 6.75rem !important;
  max-width: 6.75rem !important;
}
/* Phone row label only — do not pad Emails/Addresses the same way */
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-field-type="phone"] .label {
  align-self: start !important;
  padding-top: 7px !important;
}

/* v127 — overnight polish: notes filter, phone EXT label, File Library, Tasks sticky */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filter:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter:hover {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-filter:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter:focus-visible,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter:focus-visible {
  outline: 2px solid rgba(129, 161, 193, 0.55) !important;
  outline-offset: 1px !important;
}

html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-simple-fields .phone-ext-label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsView .bulkBar .bulkCount,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView #docsBulkCount {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-info {
  padding: 8px 10px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-preview .document-info:empty,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .document-card .document-info:has(.document-description:only-child) {
  padding-bottom: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body input,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body select,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body textarea,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body .chip,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body button {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body .chip.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body button.is-active,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body [aria-pressed="true"] {
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: rgba(129, 161, 193, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-header,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body label,
html[data-theme="dark"] body[data-theme="momentum"] #docFilterModal .filter-panel-body .filter-section-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-title {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

/* v127b — phone EXT label muted on Full + Focused */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .phone-ext-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-ext-label,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .phone-ext-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v128 — overnight: Calendar light leftovers + Deals list/grouped/graph flatten
   Scope: #calendarWrap + .app-shell[data-view="deals"] #pipelinePanel only.
═══════════════════════════════════════════════════════════════════════════ */

/* Calendar — search / bookings select / avail CTAs / quick-add / day + */
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calendarPanel .cal-search,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-search,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-list.cal-list--bookings-scope select.input,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-list select.input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calendarPanel .cal-search::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-avail-bar #calEmailBookingFromBar,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-avail-bar #calCopyAvailBtn,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-avail-bar button {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-avail-bar #calEmailBookingFromBar:hover,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-avail-bar #calCopyAvailBtn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem[data-cal="deals"],
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .calMiniItem[data-kind="deal"] {
  border-left-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaTask,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaEvent,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaBook,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-quick-add,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-quick-add button,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap button.cal-day-quick-add {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaTask:hover,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaEvent:hover,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calQaBook:hover,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap .cal-day-quick-add:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calendarPanel .cal-header .btn.cal-tasks-due-btn,
html[data-theme="dark"] body[data-theme="momentum"] #calendarWrap #calTasksDueBtn.cal-tasks-due-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Deals hub — list / grouped / graph leftovers */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-weighted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.is-risk {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: none !important;
  border-top: none !important;
  border-top-color: transparent !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-stage-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-person-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-health-badge {
  background: rgba(129, 161, 193, 0.1) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-grouped-controls,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-group-section {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-graph-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-funnel-bar-wrap {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-grouped-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .deal-phone-list-stack {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px dashed rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-search:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-stage-filter:focus {
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.28) !important;
  outline: none !important;
}

/* Companies list — kill light row/card leftovers if present */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] .mainColumn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="companies"] {
  background: #141414 !important;
  background-color: #141414 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] .pipe-list-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] .contact-row {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] .pipe-list-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="companies"] .contact-row:hover {
  background: rgba(240, 240, 240, 0.04) !important;
}


/* v128b — force Deals list metrics flatten (beat JS/momentum) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card[class*="metric"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-pipeline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-weighted,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-open,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.metric-risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card.is-risk {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: none !important;
  border-top: 0 !important;
  border-top-color: transparent !important;
  border-top-width: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card .metric-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deals-summary-card .contact-deals-summary-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card.risk-medium,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card.risk-low,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card.risk-high {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.07) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card .contact-deal-icon {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-stage-pill {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
}

/* v128c — Deals list Watch/Edit: Watch nord, Edit gold only when primary */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card .btn.watch,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card button[aria-label*="Watch" i],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .contact-deal-card .deal-watch-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #documentsView .documents-header h1,
html[data-theme="dark"] body[data-theme="momentum"] #documentsView h1 {
  font-size: 22px !important;
  font-weight: 650 !important;
  color: #f0f0f0 !important;
  letter-spacing: -0.01em !important;
}

/* v128d — Activity Feed: demote gold bell chrome to nord */
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-feed-icon,
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .af-item-icon,
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel [class*="bell"],
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-item-icon {
  background: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-feed-icon svg,
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .af-item-icon svg {
  color: #81a1c1 !important;
  stroke: #81a1c1 !important;
  fill: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .filter-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel button.is-active {
  color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  background: rgba(129, 161, 193, 0.08) !important;
}

/* v128e — Activity Feed item icons (.activity-icon) */
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-icon,
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-icon.activity {
  background: rgba(129, 161, 193, 0.12) !important;
  background-color: rgba(129, 161, 193, 0.12) !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .activity-feed-panel .activity-filter-btn.active {
  background: rgba(129, 161, 193, 0.1) !important;
  color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v129 — /betterthanattio DATA-ENTRY EDIT MODE (all record hubs)
   Kill white inputs / sticky footers / indigo focus across Contacts, Deals,
   Projects, Invoices, task/event + create modals. CTA triad: Edit gold ·
   Save green · Cancel nord. Short fields snug. Placeholders #909090.
═══════════════════════════════════════════════════════════════════════════ */

/* Shared edit tokens on record shells */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"],
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing {
  --co-input-border: rgba(240, 240, 240, 0.18) !important;
  --co-input-readonly-bg: #1a1a1a !important;
  --ro-input-border: rgba(240, 240, 240, 0.18) !important;
  --co-value-color: #f0f0f0 !important;
  color-scheme: dark;
}

/* ── Universal charcoal edit controls (beat simple-mode #fff !important) ── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing textarea,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-type-select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-value-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-ext-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-address-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] .detail-multi-type-select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] .detail-multi-value-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] .detail-multi-ext-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .multi-field-detail-row[data-section-editing="1"] .detail-address-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing select,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-type-select,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-value-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-address-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-section-editing="1"] .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-section-editing="1"] select,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-section-editing="1"] .detail-multi-value-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-section-editing="1"] .detail-multi-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .multi-field-detail-row[data-section-editing="1"] .detail-address-input,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing select,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing textarea,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing select,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing textarea,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .searchable-dropdown-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] input.deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] select.deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] textarea.deal-modal-input,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing select,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing textarea,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-core-grid--deal-details-edit input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-core-grid--deal-details-edit select,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-core-grid--deal-details-edit textarea {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .inline-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing textarea::placeholder,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input::placeholder,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea::placeholder,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-value-input::placeholder,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-input::placeholder,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input::placeholder,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input::placeholder,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-modal-input::placeholder,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing input::placeholder,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

/* Nord focus ring — never indigo/blue */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .inline-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-value-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-type-select:focus,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:focus,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing select:focus,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing textarea:focus,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-value-input:focus,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:focus,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .inline-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-modal-input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing input:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing select:focus,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .is-editing textarea:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.28) !important;
  outline: none !important;
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}

/* Snug short fields — order #, PO, dates, amounts, ext */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-order-info-card.is-editing input[name*="order" i],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-order-info-card.is-editing input[name*="po" i],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-core-grid--deal-details-edit input[type="date"],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-core-grid--deal-details-edit input[type="number"],
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing input[type="date"],
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing input[type="number"] {
  max-width: 12rem !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-ext-input {
  flex: 0 0 6.75rem !important;
  width: 6.75rem !important;
  min-width: 6.75rem !important;
  max-width: 6.75rem !important;
}

/* Sticky Cancel/Save footers — charcoal, never white glass */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-section-panel .deal-inline-actions,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .contact-edit-sticky-bar,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .sticky-edit-actions,
html[data-theme="dark"] body.project-overview-simple-page[data-theme="momentum"] #projectsWrap[data-project-overview-mode="simple"] .crm-contact-overview-fields.editing .deal-inline-actions,
html[data-theme="dark"] body.invoice-overview-simple-page[data-theme="momentum"] #invoicesWrap[data-invoice-overview-mode="simple"] .crm-contact-overview-fields.editing .deal-inline-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .contact-edit-actions-bar {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* CTA triad on sticky / section headers */
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions .btn.primary[data-section-save],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions .btn[data-section-save],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .btn.primary[data-save],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel button.btn.primary.save-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .btn.primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions .btn.ghost[data-section-cancel],
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .deal-inline-actions .btn:not(.primary):not([data-section-save]),
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .btn.ghost {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Resting Edit = gold; Editing… muted */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.primary.edit-btn:not(.is-editing):not([aria-pressed="true"]),
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save),
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .record-overview-mode-bar__edit:not(.record-overview-mode-bar__edit--save):not([data-editing="1"]) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"][data-deal-editing-section] .record-overview-mode-bar__edit,
html[data-theme="dark"] body.deal-workspace-simple-page[data-theme="momentum"] #dealWorkspaceMount[data-deal-workspace-mode="simple"] .record-overview-mode-bar__edit[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.primary.edit-btn.is-editing {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}

/* Create / task / deal modals — charcoal form surfaces */
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .modal,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .td-glass-modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .contact-create-modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop .deal-modal .modal-body,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal select,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal textarea,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal .input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal textarea:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.28) !important;
  outline: none !important;
}

/* Portaled dropdowns while editing */
html[data-theme="dark"] body[data-theme="momentum"] .searchable-dropdown-menu,
html[data-theme="dark"] body[data-theme="momentum"] .td-select-menu,
html[data-theme="dark"] body[data-theme="momentum"] .typeahead-menu,
html[data-theme="dark"] body[data-theme="momentum"] .autocomplete-dropdown {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v129b — Full-mode Edit CTA triad + create-modal Save green
   Beat indigo/purple `.detail-action-btn.edit-btn` (styles-master / gmail).
   Rail already gold/green; header Edit must match — never purple wash.
═══════════════════════════════════════════════════════════════════════════ */

/* Contact Full header Edit = gold at rest (exactly one loud primary with rail) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-action-btn.edit-btn:not(.is-editing):not([aria-pressed="true"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.detail-action-btn.edit-btn:not(.is-editing):not([aria-pressed="true"]),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel button.edit-btn.detail-action-btn:not(.is-editing) {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* While editing — demote header Edit / Editing… */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing ~ * .detail-action-btn.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-action-btn.edit-btn.is-editing,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-action-btn.edit-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.detail-action-btn.edit-btn.is-editing {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}

/* Header Save (when edit-btn flips to Save) = green commit */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-action-btn.save-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .btn.detail-action-btn.save-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .detail-action-btn.edit-btn[data-mode="save"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel button.detail-action-btn.save-btn {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Deal Full workspace edit inputs (advanced mode) — charcoal too */
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount.is-editing input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount.is-editing select,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount.is-editing textarea,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] input.deal-modal-input,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] select.deal-modal-input,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] textarea.deal-modal-input,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-core-grid input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-core-grid select,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-core-grid textarea {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-inline-actions {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-inline-actions .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-inline-actions [data-section-save],
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-card-header-edit-btn[data-section-save] {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-inline-actions .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] #dealWorkspaceMount[data-deal-editing-section] .deal-inline-actions [data-section-cancel] {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
}

/* Create modals — Save green, Cancel nord */
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal .modal-footer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .contact-create-modal .modal-footer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .modal-footer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .td-glass-modal .btn.primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .deal-modal .modal-footer .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop.show .contact-create-modal .modal-footer .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .task-event-backdrop .modal-footer .btn.ghost {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
}

/* Quiet AI search preset Save (not a data-entry primary) */
html[data-theme="dark"] body[data-theme="momentum"] .ai-search-save-preset-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v129c — Kill residual purple Full Edit; hide duplicate when rail owns gold
═══════════════════════════════════════════════════════════════════════════ */

/* Broader beat for any purple/indigo Edit wash in dark contact detail */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .detail-action-btn.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel button.detail-action-btn.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view #detailPanel .btn.detail-action-btn.edit-btn {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-color: transparent !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Exactly one gold: when quick-rail Edit is present, hide header Edit duplicate */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible:has(.contact-record-quick-rail__btn--edit-save) #detailPanel .detail-action-btn.edit-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible:has(.contact-record-quick-rail__btn--edit-save) #detailPanel .btn.detail-action-btn.edit-btn {
  display: none !important;
}

/* Focused mode already uses rail / mode-bar — keep header Edit hidden there too */
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .detail-action-btn.edit-btn {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v130 — Settings screens pass 3: VIEW + EDIT (better-than-Attio)
   Target: #settingsModal (all 32 pages) + .backdrop-over-settings-shell
   nested create/edit modals + View Settings leftovers.
   - Save = green commit (never gold) · Cancel/Add/Edit-row = nord
   - Charcoal inputs/placeholders in view+edit; nested modals match
   - Flatten CF / empty / tool stacks; kill purple guided chrome
═══════════════════════════════════════════════════════════════════════════ */

/* ── CTA triad correction: Save green (overrides v79 gold Save) ───────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary:not(:disabled):is(
  [id*="Save"], [id*="save"], [id*="ave"]
),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary:not(:disabled):is(
  [id*="Save"], [id*="save"]
),
/* Broad Save green: any primary whose label/id implies Save / commit */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveCompanyBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveProbabilityBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveAutopilotBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #dealAutopilotSaveBtn:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [id*="Autopilot"] .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Autopilot"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id$="SaveBtn"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id$="Save"]:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  filter: none !important;
}

/* Demote non-Save primaries nord; footer/id Saves reasserted green below */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-content .btn.primary:not(:disabled) {
  background: #222a30 !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(136, 192, 208, 0.4) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Re-assert Save green AFTER nord demotion (id + footer + submit) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .btn.primary[type="submit"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Autopilot"]:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Row Edit / Delete / Add stay nord quiet (not gold) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body button.btn:not(.primary):not(.settings-btn-danger),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-section-header .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .custom-fields-list .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-row .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-user-row .btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
  box-shadow: none !important;
}

/* ── Inputs / placeholders (view + always-on edit forms) ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal textarea::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .mm-styled-select,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .searchable-dropdown-input,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-color-picker {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal input[type="color"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-color {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  border-radius: 6px !important;
  max-width: 3.5rem !important;
  min-height: 32px !important;
  padding: 2px !important;
  box-shadow: none !important;
}

/* Snug short fields (prob %, SLA hours, amounts) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-stage-prob,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal input[type="number"].settings-input,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal input[type="number"] {
  max-width: 8rem !important;
}

/* ── Custom Fields view + edit ────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .custom-fields-settings,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .custom-fields-list,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-section,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-section-header {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-bottom: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn.ghost {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid transparent !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-entity-tabs .btn[aria-pressed="true"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-bottom-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-empty,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="settings-empty"] {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 20px 0 !important;
  text-align: left !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-empty [class*="icon"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty [class*="icon"],
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-empty-icon,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-empty > span:first-child:not(button):not(a) {
  opacity: 0.35 !important;
  filter: grayscale(0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-field-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .custom-fields-list .cf-field-row {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  min-height: 44px !important;
  box-shadow: none !important;
}

/* ── Nested settings edit/create modals (invite, templates, deal types…) ─ */
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell.td-glass-modal-backdrop {
  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-card,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .td-glass-modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .template-editor-modal,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .invite-template-modal {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-header,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-body,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-footer,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .template-editor-modal .modal-header,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .template-editor-modal .modal-footer {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell select,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell textarea,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .input,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .settings-input {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.16) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell textarea::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell textarea:focus,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.28) !important;
  outline: none !important;
}

/* Nested modal CTA: Save green · Cancel nord */
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-footer .btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .btn.primary[type="submit"],
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell button.btn.primary[id*="ave"],
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell button.btn.primary[id*="Save"] {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-footer .btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell .modal-footer .btn:not(.primary):not(.danger),
html[data-theme="dark"] body[data-theme="momentum"] .backdrop-over-settings-shell button[data-close] {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* ── View mode readability: labels / meta / helpers ───────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .text-muted,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-helper,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .cf-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-users-toolbar-desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-label,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal label.settings-label,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-subsection-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Sticky / footer action bars inside settings — charcoal, not white glass */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sticky-actions,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="sticky"][class*="action"] {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

/* Guided walkthrough — kill indigo fill leftovers (inline styles) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Workspace setup toggles / rows — list, not white switches */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .ws-setup-menu-row,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [class*="ws-setup"] [class*="row"] {
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

/* AI & prompts / integrations tool tiles — soft rows */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tools-grid > * {
  background: #141414 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* Portaled menus while settings open */
html[data-theme="dark"] body[data-theme="momentum"] body:has(#settingsModal.show) .searchable-dropdown-menu,
html[data-theme="dark"] body[data-theme="momentum"] body:has(#settingsModal:not(.hidden)) .mm-styled-select__menu,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__menu,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* View Settings: ensure edit toggles / check rows stay charcoal */
html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel select,
html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel textarea,
html[data-theme="dark"] body[data-theme="momentum"] #ccListOptionsPanel input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #projectListOptionsPanel input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] body[data-theme="momentum"] #invoiceListOptionsPanel input:not([type="checkbox"]):not([type="radio"]) {
  background: #181818 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color-scheme: dark !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #listOptionsPanel input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #ccListOptionsPanel input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

/* v130b — Settings Save green cache-bust (force reload after v130 CTA triad fix) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #dealAutopilotSaveBtn.btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveCompanyBtn.btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer > button.btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v130c — Settings Save green nuclear (all known commit IDs + class)
   Beat any residual gold from v79 / stale cascade. Save = green only.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id^="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id^="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="save"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id$="SaveBtn"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id$="Btn"][id*="ave"]:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveCompanyBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveTagsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveLeadSourcesBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveAllAiPromptsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveNotificationsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveDealDoctorSettingsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveFulfillmentOptionsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveProjectSettingsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveClientRoomDefaultsBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveDealAssocBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveDealNamePresetBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveClientPackageActionBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveDefaultDealPlaybookBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #probSaveBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #projectStageSaveBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #dealAutopilotSaveBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #integrationsApolloSaveBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #integrationsApolloSaveIntentBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.save-company-btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .save-company-btn.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer button.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-color: transparent !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Kill leftover gold gradient tokens inside settings commit controls */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-footer .btn.primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id*="Save"]:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal button.btn.primary[id^="save"]:hover:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  filter: brightness(1.05) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v133 — Contact Notes & Activity empty state (kill white “No notes yet” bar)
   Scope: #detailPanel .crm-contact-overview-notes (+ twin mm-activity-empty).
   Beat simple-mode #f8fafc / dashed empty cards. Sparse muted text + soft
   top divider only. Do not touch notes timeline grid / Save Note nord.
═══════════════════════════════════════════════════════════════════════════ */

/* “No notes yet — add one above.” — kill pure-white / dashed empty card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .contact-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .contact-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .contact-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .contact-activity-empty {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 8px 0 0 !important;
  padding: 14px 0 12px !important;
  text-align: left !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

/* Twin “Start the relationship timeline” shell — sparse, hide emoji chrome */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .mm-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .mm-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .mm-activity-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .related-section-empty {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin: 0 !important;
  padding: 4px 0 16px !important;
  text-align: left !important;
}

/* Twin alone (no “No notes yet” bar) — soft top divider only */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .mm-activity-empty:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .mm-activity-empty:first-child,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .mm-activity-empty:first-child {
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  margin-top: 8px !important;
  padding-top: 14px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .mm-activity-empty-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .mm-activity-empty-icon,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .mm-activity-empty-icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .mm-activity-empty-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .mm-activity-empty-text,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .mm-activity-empty-text {
  color: #B0B0B0 !important;
  -webkit-text-fill-color: #B0B0B0 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  margin: 0 0 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .mm-activity-empty-hint,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-quick-notes .mm-activity-empty-hint,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .mm-activity-empty-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v136 — Tasks hub Cursor Dark polish (list rows + hover contact reveal)
   Scope: #tasksWrap / .tasks-hub only.
   Flatten: charcoal row hover (kill nord wash); phone/email nord on highlight;
   demote purple project + loud deal chips; quieter when pills; placeholder floor.
   CTAs: Done soft green commit on hover · Done + New nord · no Call/Email chrome
   (values are the links). Soft gutters; flush #141414.
═══════════════════════════════════════════════════════════════════════════ */

/* Search — readable placeholder floor */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__search::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

/* Filters — charcoal hover, not nord wash */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter-count {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__filter.is-active .tasks-hub__filter-count {
  background: rgba(129, 161, 193, 0.2) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Sticky day rail — flush charcoal */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-title {
  background: #141414 !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section-count {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section--overdue .tasks-hub__section-count {
  background: transparent !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border-color: rgba(191, 97, 106, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__section--today .tasks-hub__section-count {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
}

/* List rows — charcoal highlight, real gutters, soft divider */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row {
  background: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  min-height: 48px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:focus-within {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:focus-visible {
  outline: 2px solid rgba(129, 161, 193, 0.5) !important;
  outline-offset: -2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue {
  border-left-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-meta,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__meta-name,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__meta-rest,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__meta-muted {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Phone / email on highlight — nord links (not mint) */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-contact {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-link,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-plain {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}


html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-bottom-color: rgba(136, 192, 208, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__contact-sep {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.7 !important;
}

/* Typed chips — quiet charcoal, kill purple project wash */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__chip--deal,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__chip--project {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: rgba(240, 240, 240, 0.06) !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* When pills — outline status, less filled chrome */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--overdue {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border-color: rgba(191, 97, 106, 0.45) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--today {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-when--tomorrow {
  color: #8fbcbb !important;
  -webkit-text-fill-color: #8fbcbb !important;
  border-color: rgba(143, 188, 187, 0.35) !important;
  background: transparent !important;
}

/* Row actions — charcoal outline; Done = soft green commit; Done+New = nord */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action {
  background: #1a1a1a !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--done:hover {
  background: rgba(163, 190, 140, 0.14) !important;
  border-color: rgba(163, 190, 140, 0.55) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action--done-new:hover {
  background: rgba(129, 161, 193, 0.14) !important;
  border-color: rgba(129, 161, 193, 0.5) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Complete mark — quiet; green only on hover commit */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark {
  border-color: rgba(191, 97, 106, 0.55) !important;
  color: #bf616a !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-mark:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row--overdue .tasks-hub__row-mark:hover {
  background: rgba(163, 190, 140, 0.16) !important;
  border-color: rgba(163, 190, 140, 0.55) !important;
  color: #a3be8c !important;
}

/* Calendar secondary — nord outline */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__cal-link {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__cal-link:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Range menu — charcoal portal */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-menu {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-option:hover {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-option.is-selected {
  background: rgba(129, 161, 193, 0.16) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Empty — soft top divider only */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty {
  background: transparent !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v134 — Contact open-deals stack popup (#__contactDealsStackPopup)
   Cursor Dark / better-than-Attio: charcoal shell, sparse PIPELINE/WEIGHTED
   strip, list rows (not nested deal cards), nord stage + Add deal.
   Scope: .contact-deals-stack-popup only (body-portaled from contact list).
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup,
html[data-theme="dark"] body[data-theme="momentum"] #__contactDealsStackPopup.contact-deals-stack-popup {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55) !important;
  color: #f0f0f0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__header {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 12px 14px 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__heading {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__contact {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__close {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Metrics — one sparse horizontal strip (not teal/purple value chrome) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 10px 14px 12px !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary-stat {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary-value,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary-value--muted {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__summary-divider {
  width: 1px !important;
  margin: 2px 14px !important;
  background: rgba(240, 240, 240, 0.08) !important;
}

/* Deal list — rows, not nested white cards */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__list {
  gap: 0 !important;
  padding: 0 14px !important;
  background: #141414 !important;
  max-height: min(320px, 52vh) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item--primary {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 12px 0 !important;
  gap: 4px !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item--primary:hover {
  background: rgba(240, 240, 240, 0.03) !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item:last-child {
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

/* Priority flag — muted meta, never teal / gold */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item-flag {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__item-meta {
  color: #b0b0b0 !important;
  gap: 8px !important;
}

/* Stage — nord quiet pill (kill indigo/purple wash) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__stage {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  border-radius: 999px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__val {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

/* Flatten: park prob / close / progress bar (list = name · amount · stage) */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__prob,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__close-date,
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__bar {
  display: none !important;
}

/* + Add deal — nord quiet outline, never gold / purple dashed card */
html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__footer {
  padding: 10px 14px 12px !important;
  background: #141414 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__add {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .contact-deals-stack-popup__add:hover {
  background: rgba(129, 161, 193, 0.08) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v135 — Contact Documents tab (Sophie Lin / #detailPanel docs)
   Scope ONLY: #detailPanel .attachmentsSection[data-mm-docs-tab="true"]
   + .contact-documents-workspace inside contact detail.
   Do NOT touch File Library #documentsView, composer, inbox, or notes grid.
   Kill purple + Create Document; flatten toolbar/table cards; Attio-sparse rows.
═══════════════════════════════════════════════════════════════════════════ */

/* Flush canvas — kill nested toolbar / table “premium” cards */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding-bottom: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-table-wrap {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  overflow: visible !important;
}

/* + Create Document → nord quiet outline (beat PHASE 27 purple gradient) */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateDocDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateDocDocs.deal-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateDocDocs.deal-btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-btn--create,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateDocEmpty,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel #btnCreateDocEmpty {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateDocDocs:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-btn--create:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel #btnCreateDocEmpty:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Secondary toolbar: More / Import / Camera / Library / Portal → nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-btn--portal,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnViewPortal,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-more-trigger,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnImportFilesDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCameraDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnAddFromLibraryDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnAddFromLibraryEmpty,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnImportFilesEmpty {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-toolbar-more-menu {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  padding: 6px !important;
}

/* Bulk tray: hide until a row is selected (flatten “0 selected” chrome) */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace:not(:has(.doc-select-checkbox:checked)) .contact-doc-selection-tray--bulk,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace:not(:has(.doc-select-checkbox:checked)) #docSelectionActions {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace:has(.doc-select-checkbox:checked) .contact-doc-selection-tray--bulk,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace:has(.doc-select-checkbox:checked) #docSelectionActions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
  margin: 0 0 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-bulk-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnShareSelectedDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCreateZipDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnBulkArchiveDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnBulkDeleteDocs,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #btnCompareDocs {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-bulk-btn:disabled,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #docSelectionActions .deal-btn:disabled {
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.45 !important;
  cursor: not-allowed !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] #docSelectionCount,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-selection-count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
}

/* Table header: soft gutter; quiet VIEW/EDIT/SHARE noise → ⋯ only */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table thead tr,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .pipe-list-table thead tr {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table th,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .pipe-list-table th {
  background: #141414 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-th-actions-quick {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-th-actions-mark {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.7 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
}

/* Rows: list density ~44px, soft gutters — not cards */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table tbody tr.mm-doc-row,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-row {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table tbody tr.mm-doc-row td,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .pipe-list-table td {
  background: transparent !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  vertical-align: middle !important;
  min-height: 44px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-documents-table tbody tr.mm-doc-row:hover td,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .pipe-list-table tbody tr:hover td {
  background: #181818 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-created-mobile,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-meta,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-created {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Row View / Edit / Share → nord quiet text (not filled pills) */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-row-action,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-row-actions .doc-action-item.mm-doc-row-action,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .doc-action-pill,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .doc-action-pill-view,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .doc-action-pill-share,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-kebab-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-kebab-btn.doc-actions-trigger {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-weight: 550 !important;
  min-height: 28px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-row-action:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .doc-action-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-kebab-btn:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Category / Version / Checkout / Status / Archive → quiet charcoal chips */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-category-trigger,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-version-pill,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-meta,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-status-badges .badge,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .pipe-list-table .badge,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-link-chip--deal,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-link-chip--project,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-link-chip--neutral,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-link-chip {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 6px !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-meta--empty {
  background: transparent !important;
  border-color: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-link-chip--deal:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-link-chip--project:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-doc-category-trigger:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  transform: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-linked-entity > span {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-thumb {
  background: #1e1e1e !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Empty state — muted text + soft divider; no dashed icon card / purple Create */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] > div[style*="text-align: center"],
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .contact-documents-workspace ~ div[style*="text-align"] {
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] h3 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] div[style*="border-radius:20px"][style*="font-size:36px"],
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] div[style*="box-shadow:0 4px 12px"] {
  display: none !important;
}

/* Portaled menus — charcoal #1e1e1e */
html[data-theme="dark"] body[data-theme="momentum"] #contact-doc-category-popover,
html[data-theme="dark"] body[data-theme="momentum"] .mm-doc-contact-doc-flyout.doc-actions-menu.mm-doc-actions-menu,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .doc-actions-menu.mm-doc-actions-menu,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-actions-menu {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: none !important;
  max-height: min(70vh, 420px) !important;
  overflow-y: auto !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #contact-doc-category-popover button,
html[data-theme="dark"] body[data-theme="momentum"] #contact-doc-category-popover [role="option"],
html[data-theme="dark"] body[data-theme="momentum"] .mm-doc-contact-doc-flyout .mm-doc-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-menu-secondary-item {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #contact-doc-category-popover button:hover,
html[data-theme="dark"] body[data-theme="momentum"] .mm-doc-contact-doc-flyout .mm-doc-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-menu-secondary-item:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] .mm-doc-menu-secondary-head {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Accent checkbox — nord, not indigo */
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .attachmentsSection[data-mm-docs-tab="true"] input[type="checkbox"] {
  accent-color: #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v139 — Settings Organization profile flatten (better-than-Attio)
   Scope: #settingsModal company / org profile (+ shared settings chrome).
   Kill white logo wells; tip = soft divider (not callout card); hide section
   emoji chrome; nav hover #2a2a2a; inputs #1a1a1a; Save stays green (v130).
═══════════════════════════════════════════════════════════════════════════ */

/* Nav hover — charcoal, not surface wash */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item:hover {
  background: #2a2a2a !important;
  background-image: none !important;
}

/* Tip — whisper line, not boxed callout card */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 10px 0 0 !important;
  margin-top: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip-mark {
  display: none !important;
}

/* Section emoji chrome — hide */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-card-title-icon {
  display: none !important;
}

/* Org logo wells — kill white / dashed light shells */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-logo-preview-wrap,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoPreviewWrap {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-logo-preview-well,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-logo-preview-empty,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoEmpty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 110px !important;
  padding: 18px !important;
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-logo-preview-img,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoPreview {
  max-width: 100% !important;
  max-height: 84px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Business Information fields — charcoal inputs (beat any residual light) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyName,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyPhone,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyWebsite,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyStreet,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCity,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyState,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyZip,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCountry,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCurrency {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyName:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyPhone:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyWebsite:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyStreet:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCity:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyState:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyZip:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCountry:focus,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyCurrency:focus {
  outline: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
}

/* Labels + helpers contrast floor */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-helper,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoStatus {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Branding upload secondary = nord outline */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoUploadBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoClearBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoUploadBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #sCompanyLogoClearBtn:hover {
  background: rgba(129, 161, 193, 0.12) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

/* Save Changes = green commit (reassert after nord demotions) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #saveCompanyBtn.btn.primary:not(:disabled) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v140 — Tasks hub: inline hover contact (no row-height bounce) + mobile
   Scope: #tasksWrap. Contact phone/email/title fade on the meta line only.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-contact {
  max-height: none !important;
  margin-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:hover .tasks-hub__row-contact,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row:focus-within .tasks-hub__row-contact {
  max-height: none !important;
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-actions:not(.tasks-hub__row-actions--empty) {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__row-contact {
    opacity: 1 !important;
  }

  html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__action {
    background: #1a1a1a !important;
    border-color: rgba(240, 240, 240, 0.12) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v141 — Notes mic active/recording color (beat muted ghost overrides)
   Scope: #detailPanel .overview-note-voice-btn when dictating.
   Rest stays muted; on = rose icon so “recording” is obvious in dark mode.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-recording,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-recording,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn[aria-pressed="true"],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-active,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-recording,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn[aria-pressed="true"] {
  background: rgba(191, 97, 106, 0.18) !important;
  background-color: rgba(191, 97, 106, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(191, 97, 106, 0.55) !important;
  border-color: rgba(191, 97, 106, 0.55) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-active svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-recording svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn[aria-pressed="true"] svg,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-active svg,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn.is-recording svg,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn[aria-pressed="true"] svg {
  color: #bf616a !important;
  stroke: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-active:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn.is-recording:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn[aria-pressed="true"]:hover {
  background: rgba(191, 97, 106, 0.26) !important;
  border-color: rgba(191, 97, 106, 0.7) !important;
  color: #d08770 !important;
  -webkit-text-fill-color: #d08770 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v142 — Notes mic hit target + recording affordance
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn {
  position: relative !important;
  z-index: 2 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-btn svg,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-btn svg {
  pointer-events: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-recording-label,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-recording-label {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-banner.is-recording,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-banner.is-recording {
  display: block !important;
  background: rgba(191, 97, 106, 0.14) !important;
  border: 1px solid rgba(191, 97, 106, 0.45) !important;
  color: #eceff4 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-banner.is-recording [data-ov-voice-title],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-banner.is-recording [data-ov-voice-status],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .overview-note-voice-banner.is-recording [data-ov-voice-timer],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-banner.is-recording [data-ov-voice-title],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-banner.is-recording [data-ov-voice-status],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .overview-note-voice-banner.is-recording [data-ov-voice-timer] {
  color: #bf616a !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v144 — Phone extension back on the right (fits 5+ digits); always visible in edit
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-entry-fields,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-entry-fields,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-entry-fields--stacked,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-entry-fields,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-entry-fields--stacked {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-ext-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-row,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-row,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-row {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  width: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-fields.editing .detail-multi-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.editing .detail-multi-ext-input.phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .phone-ext-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields .multi-field-detail-row[data-section-editing="1"] .detail-multi-ext-input.phone-ext-input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 6.75rem !important;
  width: 6.75rem !important;
  min-width: 6.75rem !important;
  max-width: 6.75rem !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v145 — WHO + Notes & Activity headers: identical height, shared top edge
   Prior passes (v22–v25) set WHO to height:auto for tags and broke the pair.
   This is the last-word lock: same bar metrics on both columns.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-layout {
  align-items: start !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-left,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-left,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: start !important;
}

/* Kill sticky offset that floated Notes above WHO after slight scroll */
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-right {
  top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields],
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Shared 40px header bar — WHO (with tags) + Notes (with filters) */
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title.contact-field-group-title--split,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card > .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-header,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes.contact-details-card > .related-section-header,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-header {
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.10) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Keep WHO tags inside the 40px bar (don’t grow the header) */
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title .contact-field-group-title-actions {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
  min-height: 0 !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags.tagPicker,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-container,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-input,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-input {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-height: 0 !important;
  height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  gap: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] .contact-overview-who-tags button.deal-tags-add-btn {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 20px !important;
  box-sizing: border-box !important;
}

/* Notes filter pills stay inside the same 40px bar */
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filters,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filters {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-filter {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 20px !important;
  box-sizing: border-box !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v146 — All/Notes toggle lives above the timeline (not in section header)
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-header,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-header,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-header {
  justify-content: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 8px 14px 2px !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filters,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filters,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filters {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 2px !important;
  border-radius: 8px !important;
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 20px !important;
  padding: 0 9px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter:hover,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter:hover,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter:hover {
  color: #c8c8c8 !important;
  -webkit-text-fill-color: #c8c8c8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter.is-active,
html[data-theme="dark"] body[data-theme="momentum"].contact-overview-simple-page .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter.is-active,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar .notes-activity-feed-filter.is-active {
  background: rgba(240, 240, 240, 0.10) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Feed sits closer under the filter bar */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .crm-contact-overview-notes .notes-activity-feed-toolbar + .contact-activity-feed,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .crm-contact-overview-notes .notes-activity-feed-toolbar + .contact-activity-feed {
  margin-top: 2px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v147 — Focused / Full toggle: larger type (Full reveals hidden tabs)
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-center .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-toggle,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-header-center .contact-overview-mode-toggle,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-toggle {
  gap: 3px !important;
  padding: 3px !important;
  border-radius: 9px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-header-center .contact-overview-mode-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-header-center .contact-overview-mode-btn,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-overview-mode-btn {
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.25 !important;
  padding: 7px 14px !important;
  min-height: 32px !important;
  border-radius: 7px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-overview-mode-btn.contact-overview-mode-btn--active,
html[data-theme="dark"] body[data-theme="momentum"] #detailPanel .contact-detail-header-center .contact-overview-mode-btn.contact-overview-mode-btn--active {
  font-weight: 700 !important;
}

/* Shared record mode toggle (projects / invoices / etc.) */
html[data-theme="dark"] body[data-theme="momentum"] .record-overview-mode-toggle {
  padding: 3px !important;
  border-radius: 9px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .record-overview-mode-btn {
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 7px 14px !important;
  min-height: 32px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v148 — Contact/detail Actions (⋯) menu: readable labels (beat -webkit-text-fill)
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu,
html[data-theme="dark"] body[data-theme="momentum"] .contact-action-deck__more-menu,
html[data-theme="dark"] body[data-theme="momentum"] .contact-schedule-pick-menu,
html[data-theme="dark"] body[data-theme="momentum"] .nav-more-menu {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  color: #f0f0f0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu .actions-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .contact-action-deck__more-menu .actions-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .contact-schedule-pick-menu .actions-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .nav-more-item,
html[data-theme="dark"] body[data-theme="momentum"] .tools-menu-item,
html[data-theme="dark"] body[data-theme="momentum"] .user-menu-item {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item .actions-menu-icon svg,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item svg,
html[data-theme="dark"] body[data-theme="momentum"] .nav-more-item svg,
html[data-theme="dark"] body[data-theme="momentum"] .tools-menu-item svg {
  color: #b0b0b0 !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu .actions-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-action-deck__more-menu .actions-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .contact-schedule-pick-menu .actions-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .nav-more-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .tools-menu-item:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .user-menu-item:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item:hover .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item:hover .actions-menu-icon svg,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item:hover .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item:hover svg {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item.actions-menu-item--danger,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item.actions-menu-item--danger {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item.actions-menu-item--danger .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item.actions-menu-item--danger svg,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item.actions-menu-item--danger .actions-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item.actions-menu-item--danger svg {
  color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .detail-actions-menu .actions-menu-item.actions-menu-item--danger:hover,
html[data-theme="dark"] body[data-theme="momentum"] .actions-menu-item.actions-menu-item--danger:hover {
  background: rgba(191, 97, 106, 0.14) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v149 — Tasks hub: Mine / Team / Unassigned / All owner-scope chips
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__owner-scope {
  border-left-color: rgba(240, 240, 240, 0.10) !important;
}

@media (hover: none), (max-width: 720px) {
  html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__owner-scope {
    border-left: none !important;
    border-top-color: rgba(240, 240, 240, 0.10) !important;
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   v150 — Tasks hub: larger Today range dropdown caret
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-chevron {
  font-size: 15px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  line-height: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-btn:hover .tasks-hub__range-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__range-btn.is-active .tasks-hub__range-chevron {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v151 — Home Customize widgets/KPIs modal: charcoal + readable list rows
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal.backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modal.cc-customize-modal-shell,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modalHead,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modalFoot {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modalTitle,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modalTitle * {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .iconBtn {
  color: #b0b0b0 !important;
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .iconBtn:hover {
  color: #f0f0f0 !important;
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-customize-modal-body {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .modalFoot {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  background: #141414 !important;
}

/* Tabs — nord active, charcoal track */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-customize-tabs {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-customize-tab {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-customize-tab:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-customize-tab[aria-selected="true"] {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: #1e1e1e !important;
  box-shadow: none !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* Intro + search */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-intro__hint,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-intro__hint--sub,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-intro__hint strong,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-empty-msg {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-search {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-search:focus-within {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.18) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-search__ico {
  color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-search input,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #ccAiDefaultMode {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-search input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #ccAiDefaultMode {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px;
  padding: 6px 8px;
}

/* Flatten picker tiles → list rows (kill white cards / blue enabled wash) */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-picker-grid {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .widget-config-item.cc-cust-tile {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile:hover,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile.enabled:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile.enabled {
  background: #181818 !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile.drag-over {
  background: rgba(129, 161, 193, 0.12) !important;
  border-bottom-color: rgba(129, 161, 193, 0.35) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile.dragging {
  opacity: 0.55 !important;
  background: #1e1e1e !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-seq-col,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile__drag {
  background: transparent !important;
  border-right: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-order-badge {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile__icon {
  color: #81a1c1 !important;
  background: rgba(240, 240, 240, 0.06) !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile:not(.enabled) .cc-cust-tile__icon {
  color: #909090 !important;
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* Contrast floor — titles were light-on-white */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .widget-name,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .widget-name *,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile__text .widget-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .widget-desc,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-tile__text .widget-desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .cc-cust-badge {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal .widget-checkbox input {
  accent-color: #81a1c1 !important;
}

/* Footer CTAs — Save green commit; Cancel/Reset nord */
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #resetWidgetDefaults,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #cancelWidgetSettings {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #resetWidgetDefaults:hover,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #cancelWidgetSettings:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #saveWidgetSettings,
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #saveWidgetSettings.btn.primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #widgetSettingsModal #saveWidgetSettings:hover {
  filter: brightness(1.05);
}


/* ═══════════════════════════════════════════════════════════════════════════
   v152 — Deal Doctor: flatten metrics/cards + CTA hierarchy (Cursor Dark)
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-container,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-content,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-container,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-content {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

/* Hero — flush charcoal, no gradient card wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-hero,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-hero {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-hero .hero-title,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-hero .hero-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-hero .hero-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-hero .hero-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-back-btn,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-back-btn {
  color: #81a1c1 !important;
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* Metrics → sparse strip (not 4 card stack) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-bottom: 12px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card-small {
  flex: 1 1 160px !important;
  min-width: 140px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card:last-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card-small:last-child,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card:last-child,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card-small:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card-small:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-stats-grid .stat-card.clickable:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-stats-grid .stat-card-small:hover {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-right-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card .stat-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small .stat-icon-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-card .stat-icon,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-card-small .stat-icon-small {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-value,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-value-small {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.hot .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.warning .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.at-risk .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.critical .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.healthy .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.improving .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-card-small.declining .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-card-small.hot .stat-value-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-card-small.critical .stat-value-small {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-label-small,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .stat-sublabel,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-label,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-label-small,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .stat-sublabel {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Priority / lead / win-loss sections — list rows, not card shells */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .todays-priorities,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .todays-priorities {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 8px 0 16px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priorities-grid,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priorities-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 12px 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-card:hover {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-deal-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-value,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-deal-name,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-contact-info,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-reason,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priorities-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-contact-info,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-reason,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priorities-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-contact-link,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-contact-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-contact-link:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-contact-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
/* Hide redundant Call/Email chrome when value links exist */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-card:has(.priority-contact-link) .priority-actions,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-card:has(.priority-contact-link) .priority-actions {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-action-btn,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-action-btn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .priority-action-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .priority-action-btn:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Status / priority pills — outline, not candy fills */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap :is(.status-badge, .priority-badge),
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap :is(.status-badge, .priority-badge) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap :is(.status-badge--hot, .priority-badge--hot),
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap :is(.status-badge--hot, .priority-badge--hot) {
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  border: 1px solid rgba(163, 190, 140, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap :is(.status-badge--at-risk, .priority-badge--at-risk, .urgency-badge--urgent),
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap :is(.status-badge--at-risk, .priority-badge--at-risk) {
  color: #d08770 !important;
  -webkit-text-fill-color: #d08770 !important;
  border: 1px solid rgba(208, 135, 112, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap :is(.status-badge--critical, .priority-badge--critical, .urgency-badge--overdue),
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap :is(.status-badge--critical, .priority-badge--critical) {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border: 1px solid rgba(191, 97, 106, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .status-badge--declining,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .status-badge--declining {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border: 1px solid rgba(191, 97, 106, 0.4) !important;
}

/* Filters — nord underline active, charcoal hover */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-filters,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-filters {
  gap: 4px !important;
  margin: 8px 0 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-filter,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-filter {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-filter:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-filter:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .doctor-filter.active,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .doctor-filter.active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-bottom-color: #81a1c1 !important;
  background: transparent !important;
}

/* Focused deal cards — soft gutters, not nested shells */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card.mm-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-left: 3px solid transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card[data-status="at-risk"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card[data-status="critical"],
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card[data-status="at-risk"],
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card[data-status="critical"] {
  border-left-color: #bf616a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card[data-status="hot"],
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card[data-status="hot"] {
  border-left-color: rgba(163, 190, 140, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card:hover {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-title,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-meta,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-subtitle,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-meta {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-quick-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-actions,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-recommendations,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card-risks,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-value,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-quick-actions,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-actions,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-contact-quick,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-recommendations,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card-risks {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .recommendation,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .recommendation {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .recommendation .rec-title,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .recommendation .rec-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .recommendation .rec-action,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .recommendation .rec-action {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .risk-tag,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .risk-tag {
  background: transparent !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border: 1px solid rgba(191, 97, 106, 0.4) !important;
}

/* Health disc — quiet charcoal, not candy gradient */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .health-score,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .health-score {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .health-score .score-value,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .health-score .score-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* CTA hierarchy: Edit = sole gold; Mark Won soft-green; rest nord */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn.primary {
  background: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  background-image: linear-gradient(150deg, #fef08a 0%, #facc15 55%, #eab308 100%) !important;
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn.primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn.primary:hover {
  filter: brightness(1.04);
  color: #422006 !important;
  -webkit-text-fill-color: #422006 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn.success,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn.success,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn.success {
  background: transparent !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  border: 1px solid rgba(163, 190, 140, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn.urgent,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-action-btn.warning,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn.urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-action-btn.warning,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn.urgent,
html[data-theme="dark"] body[data-theme="momentum"] .mm-deal-doctor-panel .deal-action-btn.warning {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
}
/* Prefer tel/mailto value chips; hide brick Call/Email when strip present */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-card:has(.contact-quick-btn) .deal-action-btn.urgent,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-card:has(.contact-quick-btn) .deal-action-btn.urgent {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .contact-quick-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .mm-contact-quick-btn,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .contact-quick-btn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.3) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .contact-quick-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .contact-quick-btn:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .quick-action-icon,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .quick-action-icon {
  background: transparent !important;
  color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .quick-action-icon:hover,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .quick-action-icon:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Empty state — soft divider, no dashed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-empty,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-empty {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="dealDoctor"] #dealDoctorWrap .deal-doctor-empty .empty-icon,
html[data-theme="dark"] body[data-theme="momentum"] #dealDoctorWrap .deal-doctor-empty .empty-icon {
  display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v153 — Composer Fields + Blocks drawers: Cursor Dark flatten + contrast
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerBody,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerPropertiesFooter,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerDataEntryFooter {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerTitle {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 700 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerSub {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Done = soft-green complete (close affordance), not blue brick */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #closeInsertBlockDrawerBtn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerDonePropertiesBtn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerDoneDataBtn {
  background: transparent !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  border: 1px solid rgba(163, 190, 140, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #closeInsertBlockDrawerBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerDonePropertiesBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer #insertBlockDrawerDoneDataBtn:hover {
  background: rgba(163, 190, 140, 0.12) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

/* Edge tabs — quiet charcoal, nord when open (no glow) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab {
  background: #1e1e1e !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal .insert-block-drawer-edge-tab[aria-expanded="true"] {
  background: #2a2a2a !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}

/* Hub: Merge fields / Linked fields — fix #222 on dark + nord underline */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-hub {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-hub__btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-hub__btn:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-hub__btn--active,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-hub__btn.insert-block-drawer-hub__btn--active {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: none !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* Category rail — left nord edge, charcoal hover (no nord wash fill) */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-rail {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-rail-btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-rail-btn:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-rail-btn--active {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: transparent !important;
  box-shadow: inset 3px 0 0 #81a1c1 !important;
}

/* Search — charcoal wrap + placeholder floor */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-search-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__search {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-search-input,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__search-input {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-search-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__search-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-search-wrap:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__search:focus-within {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.16) !important;
}

/* Recents — quiet chips, not blue pills */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-recents__label,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-group__label,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-drawer-subgroup__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-recent-chip {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-recent-chip:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
}

/* Package starters — kill indigo wash */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-starters-details,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-starters-details__summary,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-starters-details__optional,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__desc,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__hint {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__btn,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__btn--secondary {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-saas-starter__btn--secondary:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Block gallery tiles — soft gutters, no lift/glow card chrome */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile:hover:not(:disabled) {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__icon,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__preview {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__desc,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__category {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__badge,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .insert-block-tile__pro-badge {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}

/* Fields list — rows not cards; sticky heads charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__category-head,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__category--frequent .merge-field-picker__category-head {
  background: #141414 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__row,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .linked-field-picker__row {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .linked-field-picker__row:hover {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__token {
  background: rgba(240, 240, 240, 0.06) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.28) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__sample {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .composer-modal #insertBlockDrawer .merge-field-picker__tips {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  color: #909090 !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v154 — Compose hero Swap: no Default badge stack; centered label
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeCard--heroSlot .composeBadge {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-height: 24px !important;
  padding: 4px 8px 4px 6px !important;
  line-height: 1 !important;
  top: 8px !important;
  right: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap__icon,
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap > span {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v155 — Book Client / Send Agreement wizard: readable package rows
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop.td-glass-modal-backdrop,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__hero,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__footer,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__hero,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__footer {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__body,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__body {
  background: #141414 !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__eyebrow {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__title,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__close,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__close {
  background: transparent !important;
  color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__close:hover,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Progress — nord active, charcoal track */
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__progress,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__progress {
  background: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot {
  background: rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot.is-done,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__dot.is-done {
  background: #81a1c1 !important;
}

/* Package picker — list rows (kill frosted white cards + slate titles) */
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-cards,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-cards {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  padding: 14px 8px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card:hover {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card.is-selected,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card.is-selected {
  background: #1e1e1e !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-left: 3px solid #81a1c1 !important;
  box-shadow: none !important;
  padding-left: 5px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__title,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__desc,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__desc {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__radio,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card__radio {
  background: transparent !important;
  border: 2px solid rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-flow-card.is-selected .bc-flow-card__radio,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-flow-card.is-selected .bc-flow-card__radio {
  border-color: #81a1c1 !important;
  background: #81a1c1 !important;
  box-shadow: inset 0 0 0 3px #141414 !important;
}

/* Footer CTAs — Back nord; Continue nord fill; final Send/Done green */
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__secondary,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client #bcBackBtn,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__secondary,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client #bcBackBtn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__secondary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client #bcBackBtn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__secondary:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__primary,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client #bcNextBtn,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__primary,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client #bcNextBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__primary:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client #bcNextBtn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-wizard__primary:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-wizard__primary:is([data-bc-commit="1"], .bc-wizard__primary--send, #bcDoneBtn),
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client #bcDoneBtn,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client #bcDoneBtn {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
}

/* Later steps: inputs + chips charcoal */
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-select,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-input,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-textarea,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-select,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-input,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-textarea {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-select::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-textarea::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-configure-section,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-client-chip,
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-review-summary,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-configure-section,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-client-chip,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-review-summary {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .bc-wizard-backdrop .modal.bc-wizard.bc-wizard--book-client .bc-review-section--journey,
html[data-theme="dark"] body[data-theme="momentum"] .modal.bc-wizard.bc-wizard--book-client .bc-review-section--journey {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.25) !important;
  box-shadow: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v156 — Create pay link modal: charcoal form + green Create
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal-backdrop {
  background: rgba(0, 0, 0, 0.62) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__lede,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__help,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__close {
  color: #b0b0b0 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
/* Tip = soft divider, not filled callout card */
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__tip {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__tip strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
/* Mode chips — nord underline active, not blue cards */
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-mode-btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-mode-btn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-mode-btn.is-active {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-bottom-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__label,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__check-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__control,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkClient,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkProject,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkAmount,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkName,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkBillingDay {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color-scheme: dark;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__control::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkAmount::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkName::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__control:focus,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkClient:focus,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkAmount:focus,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkName:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.16) !important;
  outline: none !important;
}
/* Create = green commit; Copy same; preview nord link */
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__submit,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkSubmit,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkCopy {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__submit:hover,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkSubmit:hover,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkCopy:hover {
  filter: brightness(1.05);
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__link,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkPreview {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal .pay-link-modal__link:hover,
html[data-theme="dark"] body[data-theme="momentum"] .pay-link-modal #payLinkPreview:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v157 — Meeting Scheduler send-link modal: charcoal + CTA hierarchy
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-body,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-root {
  background: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
  --sched-ink: #f0f0f0;
  --sched-muted: #909090;
  --sched-line: rgba(240, 240, 240, 0.12);
  --sched-sage: #81a1c1;
  --sched-sage-soft: rgba(129, 161, 193, 0.14);
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-head {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-kicker {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-family: inherit !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help strong,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-field > label,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-field > label span,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-save-msg,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-booking-more summary,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-booking-more summary span {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-close,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help-btn,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help-q,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbHelpBtn,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbClose {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-close:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help-q:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbHelpBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbClose:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  transform: none !important;
}

/* Inputs — charcoal (beat injected white !important) */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input.input,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal input.sched-input,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal select.sched-input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input.input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-input.input:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.16) !important;
}

/* Searchable dropdown portals inside modal */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .searchable-dropdown-list,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-crm-dd-list,
html[data-theme="dark"] body[data-theme="momentum"] > .sched-crm-dd-list,
html[data-theme="dark"] body[data-theme="momentum"] > .searchable-dropdown-list.sched-crm-dd-list {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .searchable-dropdown-item,
html[data-theme="dark"] body[data-theme="momentum"] > .sched-crm-dd-list .searchable-dropdown-item,
html[data-theme="dark"] body[data-theme="momentum"] > .searchable-dropdown-list.sched-crm-dd-list .searchable-dropdown-item {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .searchable-dropdown-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .searchable-dropdown-item.is-active,
html[data-theme="dark"] body[data-theme="momentum"] > .sched-crm-dd-list .searchable-dropdown-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] > .sched-crm-dd-list .searchable-dropdown-item.is-active,
html[data-theme="dark"] body[data-theme="momentum"] > .searchable-dropdown-list.sched-crm-dd-list .searchable-dropdown-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] > .searchable-dropdown-list.sched-crm-dd-list .searchable-dropdown-item.is-active {
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] > .sched-crm-dd-list .searchable-dropdown-empty,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .searchable-dropdown-empty {
  color: #909090 !important;
}

/* Primary Send = green commit; Copy/Preview = nord (kill white pills) */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-btn-primary,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbSendEmail {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-btn-primary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbSendEmail:hover {
  filter: brightness(1.05);
  transform: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-btn-secondary,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbCopyLink,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbPreview {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-btn-secondary:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbCopyLink:hover,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbPreview:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

/* Help panel if present */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-help-panel,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-booking-help-panel,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal #nbHelpPanel {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  color: #b0b0b0 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* Beat inline sage label hints (#5c6d5f) on Contact/Deal/Project helpers */
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-field label span,
html[data-theme="dark"] body[data-theme="momentum"] .sched-modal .sched-booking-more summary span {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v158 — ASK Lite: Cursor Dark flatten + context-pill hover reveal
═══════════════════════════════════════════════════════════════════════════ */

/* Shell / canvas — flush charcoal, kill blue gradients */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__track,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__panel {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__header,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer {
  background: #141414 !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__thread {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow .td-ai-badge__label {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Kill purple AI badge wash in Ask header */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow .td-ai-badge,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow .td-ai-badge--inline {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__eyebrow .td-ai-badge svg {
  color: #81a1c1 !important;
  stroke: #81a1c1 !important;
  fill: none !important;
}

/* Header actions — nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__help,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__clear,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__expand,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__close,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__switch {
  background: transparent !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__help:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__clear:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__expand:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__close:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__switch:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__help.is-active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

/* Context pill — quiet charcoal; hover reveals company · person · email · phone */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill {
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  border-radius: 8px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill--rich:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill--rich:focus-within {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__sep {
  color: #6b6b6b !important;
  -webkit-text-fill-color: #6b6b6b !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--company,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--person {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--email,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--phone {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--email:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-context-pill__bit--phone:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Suggestion chips — nord outline, charcoal hover (kill indigo pills) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip:active {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  transform: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip--active {
  background: rgba(129, 161, 193, 0.14) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-chip-menu__list {
  background: #1e1e1e !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
}

/* Help catalog — list rows, not white/indigo cards */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__heading {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__sub,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__nav-meta,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__example {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__list {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__item,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__item--featured {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  padding: 12px 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__item:hover {
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__cat {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__badge {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__try {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__try:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__nav-btn {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__nav-btn:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__nav-btn--primary {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__close {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help__close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Empty / help links */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__lead,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help-link {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-help-link:hover {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Result cards — soft gutters, not filled shells */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-card__headline {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Composer — charcoal input, nord focus, nord send (not indigo gradient) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__input,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer textarea,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__composer:focus-within .ask-lite-shelf__input {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.16) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__send {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__send:hover:not(:disabled) {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__send svg {
  color: inherit !important;
  stroke: currentColor !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__voice {
  color: #b0b0b0 !important;
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__voice:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__voice.is-recording {
  color: #bf616a !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v159 — ASK Lite flatten pass: bubbles, queue, grip, rich metrics
═══════════════════════════════════════════════════════════════════════════ */

/* Collapse grip — charcoal + nord (kill mint teal) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__grip {
  background: #181818 !important;
  background-image: none !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__grip:hover {
  filter: none !important;
  background: #2a2a2a !important;
  color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-shelf__resize:hover {
  background: rgba(129, 161, 193, 0.12) !important;
}

/* User bubble — charcoal (kill purple indigo gradient) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-bubble--user {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

/* Empty state — soft divider examples; hide decorative icon tile */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__examples {
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__examples li {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__examples strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Action queue — list rows (not white/indigo cards) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue > li::before {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue__item {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue__item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue__item:active {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue__label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-action-queue__hint,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__queue-lead,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__meeting-meta {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-empty__meeting {
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}

/* Proposal / card body meta — kill indigo wash */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-proposal {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-proposal__label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-card__body,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-steps,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-sources,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-subhead,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-proposal__pref {
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-summary-lead {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-source-pill {
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  color: #b0b0b0 !important;
}

/* Primary apply CTA = green commit; secondary stays nord (beats v158 all-nord) */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta:not(.ask-lite-cta--secondary):not(.ask-lite-cta--ghost):not(.ask-lite-cta--micro) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta--secondary {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta--ghost {
  background: transparent !important;
  color: #909090 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-lite-cta--ghost:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Working context chips — quiet charcoal */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-working-context {
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-working-context__chip {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-working-context__chip:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Morning autopilot rows */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-morning-autopilot__row {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-morning-autopilot__row:hover {
  background: #2a2a2a !important;
}

/* Speech banner — charcoal + rose outline */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .speech-input-banner {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(191, 97, 106, 0.45) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .speech-input-banner__title,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .speech-input-banner__timer,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .speech-input-banner__status {
  color: #bf616a !important;
}

/* Rich response — sparse metric strip; nord actions; quiet badges */
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-response {
  --ask-rich-bg: #141414;
  --ask-rich-soft: transparent;
  --ask-rich-border: rgba(240, 240, 240, 0.08);
  --ask-rich-text: #f0f0f0;
  --ask-rich-muted: #909090;
  --ask-rich-accent: #81a1c1;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-block {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-metric-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-metric {
  flex: 1 1 auto !important;
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  padding: 6px 12px 6px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-metric:last-child {
  border-right: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-metric__label {
  color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-metric__value {
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-action {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-action:hover,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-action:focus-visible {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-badge,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-draft__badge,
html[data-theme="dark"] body[data-theme="momentum"] #askLiteRoot .ask-rich-source-type {
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.10) !important;
  color: #b0b0b0 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v160 — Deals hub flatten pass 3 (list rows in columns, not nested cards)
   After v72/v76: cards still read as #1e1e1e rounded boxes; empty = dashed
   “Drop here” shell; hover #242424; sequence health banner still warm/orange.
   Scope: .app-shell[data-view="deals"] (+ dark sequence banner chrome).
   Flatten: soft bottom gutters · #2a2a2a hover · no dashed empty cards.
═══════════════════════════════════════════════════════════════════════════ */

/* Kanban deal tiles → list rows (soft gutter, no filled card chrome) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:not(.dragging) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  padding: 10px 8px !important;
  gap: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:not(.dragging):hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card:focus-within {
  background: #2a2a2a !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::before,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card::after {
  content: none !important;
  display: none !important;
}

/* Bottom stage|amount — no inner card seam */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-bottom {
  margin-top: 2px !important;
  padding-top: 2px !important;
  border-top: none !important;
  gap: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-stage {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-deal-card .pipe-card-value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelineWrap .pipe-deal-card .pipe-card-value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

/* Column stack — tighter list density, flush canvas */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-list {
  background: transparent !important;
  gap: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-group {
  background: transparent !important;
  box-shadow: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
}

/* Empty column — muted text + soft top divider (no dashed empty card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-empty {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
  padding: 14px 8px !important;
  min-height: 0 !important;
}

/* List view rows — same flatten (not #1e1e1e mini-cards) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-board-list .pipe-list-row {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-board-list .pipe-list-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-list-row:focus-within {
  background: #2a2a2a !important;
}

/* Drag-over column — soft nord left edge, not blue wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #pipelinePanel .pipe-kanban-col.drag-over {
  background: transparent !important;
  box-shadow: inset 2px 0 0 #81a1c1 !important;
  outline: none !important;
}

/* Sequence email health banner — charcoal + rose urgency (not orange card) */
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-inner {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(191, 97, 106, 0.35) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner.is-error .sequence-email-health-banner-inner {
  background: #181818 !important;
  background-image: none !important;
  border-color: rgba(191, 97, 106, 0.5) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-copy,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-copy strong,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-headline-row strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-what,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-details-summary,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-retry {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.primary {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.primary:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.ghost,
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner.is-error .sequence-email-health-banner-btn.ghost {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-btn.ghost:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner.is-error .sequence-email-health-banner-btn.primary {
  background: transparent !important;
  border-color: rgba(191, 97, 106, 0.45) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* Hide decorative banner emoji chrome */
html[data-theme="dark"] body[data-theme="momentum"] .sequence-email-health-banner-icon {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v161 — Deals toolbar info (i) height lock to 36px (match View Settings / +)
   styles-gmail forced 44×44; siblings are 36px — beat that hard.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsCriteriaSummaryBtn.list-options-criteria-summary-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsCriteriaSummaryBtn.list-options-criteria-summary-btn {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v162 — Restore next-action timing stripe on People list rows (far left).
   Dark flatten rules had set border-left: none / transparent on every td,
   wiping the inline urgency color from .contact-table-check-col.
   Stripe stays on the checkbox gutter (not the Name column) — matches legend.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-table-check-col,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #contactListWrap .contact-list-table tbody td.contact-list-check-td {
  border-left-width: 3px !important;
  border-left-style: solid !important;
  border-left-color: var(--contact-urgency, #575757) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v164 — People list: advanced filters strip (kill pure-white selects)
   Screenshot: #advancedFiltersPanel dropdowns paint as white cards on dark
   (`.filter-select` / `.filter-field select` still ship `background: white url(...)`).
   v101 charcoal was incomplete — beat background-image + appearance hard.
   Flush #141414 strip · charcoal inputs · nord focus · Advanced filters… nord.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel.filter-advanced-panel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel.filter-advanced-panel {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  margin-top: 10px !important;
  padding-top: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field-label,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
  letter-spacing: 0.04em !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field-label svg,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field-label svg {
  color: #909090 !important;
  stroke: currentColor !important;
  opacity: 0.9 !important;
}

/* Beat `.filter-select { background: white url(...) }` + `.filter-field select { background: white }` */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel select.filter-select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel select.filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel select.filter-select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field input {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #1a1a1a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23909090' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field input {
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-select:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field select:hover,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-select:hover,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select:hover,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field select:hover {
  background-color: #1e1e1e !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field select:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field input:focus {
  background-color: #1a1a1a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-select option,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-select option,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-select option,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field select option {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
}

/* Advanced filters… — nord outline (secondary tool, never gold/white pill) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel #advancedFilterModalBtn,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel #advancedFilterModalBtn,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel #advancedFilterModalBtn.btn.small {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel #advancedFilterModalBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel #advancedFilterModalBtn:hover {
  background: #2a2a2a !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Custom fields empty — soft top divider + muted text (no dashed card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection #advancedFiltersPanel .filter-field--custom-cf-empty,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection #advancedFiltersPanel .filter-field--custom-cf-empty,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .filter-field--custom-cf-empty .muted {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v165 — Filter Contacts modal (#filterModal): second flatten pass
   Screenshot still reads as nested Deal / Sequence / Playbook cards + emoji
   section chrome; footer “572 records” boxed against Cancel.
   Soft top gutters only · hide section emoji · sparse record count ·
   Apply green · Cancel/Reset nord · charcoal inputs + dark chevron.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal.backdrop .filter-panel-v3,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-v3 {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #filterModal.backdrop .filter-panel-v3 .filter-panel-header,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-header,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-body,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chips,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .saved-filters-section,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-footer {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Kill gray-50 rounded section cards → soft top gutters only */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal.backdrop .filter-panel-v3 .filter-section-group,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-v3 .filter-section-group,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #sequenceFilterSection,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #playbookFilterSection,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #dealPlaybookFilterSection,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-compact,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 14px 0 4px !important;
  margin: 0 0 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-body > .filter-section-compact:first-child,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-compact {
  border-top: none !important;
  padding-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-title,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card-title {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
/* Decorative section emoji — chrome noise */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-icon,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card-icon {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group > p,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-section-group p {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  margin: 0 0 10px !important;
}

/* Inputs — charcoal + dark chevron (beat white url selects) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input[type="text"],
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input[type="number"],
html[data-theme="dark"] body[data-theme="momentum"] #filterModal select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact select,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23909090' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px 12px !important;
  padding-right: 32px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-field select:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-row-compact input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal input:focus,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  max-width: 160px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-money-input span,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-percent-input span {
  background: #181818 !important;
  color: #909090 !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}

/* Quick chips — quiet outline (emoji stay as labels; no filled candy) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-quick-chip.active {
  background: transparent !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Footer — soft top gutter; record count sparse (not a chip against Cancel) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-panel-footer {
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  gap: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-footer-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-preview-count,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #filterPreviewCount.filter-preview-count {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 550 !important;
  padding: 0 4px 0 0 !important;
  margin-right: 4px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-reset,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-cancel {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-reset:hover,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-cancel:hover {
  background: #2a2a2a !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-btn-apply,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal #filterApplyBtn.filter-btn-apply {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  border: 1px solid transparent !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v166 — Settings sidebar: black & white (no nord blue chrome)
   User: left settings menu should be all B&W. Kill blue dot, nord active
   rail, nord guided-setup link, nord active icons / checkmarks.
   Flat #141414 · gray hierarchy · white active edge · charcoal hover.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar {
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
}

/* Title — drop the blue status dot */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2::before {
  background: #b0b0b0 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0.7 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.7 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint strong {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Guided setup — muted gray text link (not nord / not indigo fill) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar #settingsGuidedTrainingBtn {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  opacity: 0.85 !important;
  font-weight: 500 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn:hover {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn .settings-nav-svg {
  color: #b0b0b0 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 0.9 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn:hover svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn:hover svg {
  color: #f0f0f0 !important;
  stroke: currentColor !important;
}

/* Section labels */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Nav rows — grayscale only */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item {
  background: transparent !important;
  background-image: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-left: 2px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active:hover,
html[data-theme="dark"][data-td-settings-embed="1"] #settingsModal .settings-modal-v2 .settings-nav-item.active {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  border-left: 2px solid #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item .settings-nav-svg {
  color: #909090 !important;
  stroke: currentColor !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg {
  color: #f0f0f0 !important;
  stroke: currentColor !important;
  filter: none !important;
}

/* Setup checkmarks — gray whisper only (never nord) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--pending {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.28 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator--done {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  opacity: 0.65 !important;
}



/* ═══════════════════════════════════════════════════════════════════════════
   v167 — Fix white filter fields + Settings B&W leftovers
   ROOT CAUSE: momentum-styled-select.js wraps <select>s; the visible chrome is
   `.mm-styled-select__trigger` with a white gradient (styles-momentum.css).
   Prior passes only restyled the hidden native <select> — so refresh still
   showed white pills on Advanced filters + Filter Contacts modal.
   Also: Close Settings still nord (#81a1c1) because v166 omitted it; Guided
   emoji 📘 stays blue regardless of text color (fixed in index.html).
═══════════════════════════════════════════════════════════════════════════ */

/* Global dark: charcoal styled-select triggers (beats white gradient !important) */
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__trigger {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__trigger:hover:not(:disabled) {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__trigger:focus,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__trigger:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select--open .mm-styled-select__trigger {
  background: #1a1a1a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select--disabled .mm-styled-select__trigger {
  background: #181818 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__value,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__chevron {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__chevron {
  opacity: 0.75 !important;
}

/* Explicit filter surfaces (same tokens; keep if scoping ever needed) */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] #advancedFiltersPanel .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection .mm-styled-select__trigger {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
}

/* Settings Close — gray, not nord (beat v139 #81a1c1) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsCloseBtn {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 0.85 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsCloseBtn:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsCloseBtn svg {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Guided setup — gray text + SVG (emoji/inline purple removed in index.html) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn .settings-nav-svg {
  color: #b0b0b0 !important;
  stroke: currentColor !important;
  fill: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   v168 — Settings sidebar: READABLE solid B&W (not whisper-washed)
   Screenshot: rail looks mid-gray / frosted; Guided + hint nearly invisible;
   inactive rows too dim. Root: light mesh gradient + frosted header in
   styles-gmail, plus opacity whispers (0.55–0.85) on gray text.
   Fix: opaque #141414 everywhere · opacity:1 · brighter gray hierarchy.
═══════════════════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar-header,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar-footer,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-layout,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .modal.settings-modal-v2 {
  background: #141414 !important;
  background-color: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-sidebar {
  border-right: 1px solid rgba(240, 240, 240, 0.1) !important;
  isolation: isolate !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header {
  border-bottom: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding: 16px 14px 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2 {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
  font-weight: 650 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header h2::before {
  background: #c8c8c8 !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Hint — readable, not ghost */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar:hover .settings-sidebar-hint,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-header:hover .settings-sidebar-hint {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar-hint strong {
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
  opacity: 1 !important;
}

/* Guided setup — same weight as nav rows */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar .settings-guided-training-btn {
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
  opacity: 1 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-guided-training-btn svg {
  color: #d0d0d0 !important;
  stroke: currentColor !important;
  fill: none !important;
  opacity: 1 !important;
}

/* Section labels */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-group-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

/* Nav rows — readable gray; active white edge + charcoal fill */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item {
  color: #d0d0d0 !important;
  -webkit-text-fill-color: #d0d0d0 !important;
  opacity: 1 !important;
  background: transparent !important;
  background-image: none !important;
  border-left: 2px solid transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item:hover {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-nav-item.active:hover,
html[data-theme="dark"][data-td-settings-embed="1"] #settingsModal .settings-modal-v2 .settings-nav-item.active {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  border-left: 2px solid #f0f0f0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item .settings-nav-svg {
  color: #a8a8a8 !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-item-icon .settings-nav-svg,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-svg {
  color: #f0f0f0 !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

/* Checkmarks — quiet but visible (color, not opacity ghost) */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-setup-indicator--pending {
  color: #6a6a6a !important;
  -webkit-text-fill-color: #6a6a6a !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item:hover .settings-nav-setup-indicator--done,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-nav-item.active .settings-nav-setup-indicator--done {
  color: #a0a0a0 !important;
  -webkit-text-fill-color: #a0a0a0 !important;
  opacity: 1 !important;
}

/* Close — readable gray */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-modal-v2 .settings-close-btn,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsCloseBtn {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-close-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsCloseBtn:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  opacity: 1 !important;
}

/* v169 — Tasks hub inline composer (+ Add Task quick-create strip) */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__add-link,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty-add,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-more {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__add-link:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty-add:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-more:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer {
  background: #141414 !important;
  border-top-color: rgba(240, 240, 240, 0.08) !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-title,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-title::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-for-label,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-wrap {
  background: rgba(240, 240, 240, 0.06) !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-type,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-type {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-label,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-results {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result {
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result.is-active {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip.is-active {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  background: rgba(129, 161, 193, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-save {
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border-color: rgba(163, 190, 140, 0.45) !important;
  background: linear-gradient(150deg, #a3be8c 0%, #8fbcbb 100%) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-save:hover {
  filter: brightness(1.05);
}

/* v169 — Tasks hub inline composer (+ Add Task quick-create strip) */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__add-link,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty-add,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-more {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__add-link:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__empty-add:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-more:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer {
  background: #141414 !important;
  border-top-color: rgba(240, 240, 240, 0.08) !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-title,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-input {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-title::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-for-label,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-wrap {
  background: rgba(240, 240, 240, 0.06) !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-type,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-type {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-chip-label,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-results {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result {
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result:hover,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result.is-active {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__for-result-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-chip.is-active {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  background: rgba(129, 161, 193, 0.12) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-save {
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border-color: rgba(163, 190, 140, 0.45) !important;
  background: linear-gradient(150deg, #a3be8c 0%, #8fbcbb 100%) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-save:hover {
  filter: brightness(1.05);
}

/* v170 — View Settings hover: kill white specular lift (all CRM list toolbars) */
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn[aria-expanded="true"] {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible::after,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible::after,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:focus-visible::after,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:focus-visible::after,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:focus-visible::after {
  opacity: 0 !important;
  animation: none !important;
  background: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) #savedViewsLabel,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible #savedViewsLabel,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled) #ccViewSettingsLabel,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible #ccViewSettingsLabel,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:focus-visible .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:focus-visible .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:focus-visible .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible svg,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] #ccFiltersSection.filters-modern.list-toolbar-strip #ccViewSettingsBtn.actions-dropdown-btn:focus-visible svg,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] #projectsWrap .filters-modern.list-toolbar-strip #projectListOptionsBtn.actions-dropdown-btn:focus-visible svg,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] #budgetsWrap .filters-modern.list-toolbar-strip #budgetListOptionsBtn.actions-dropdown-btn:focus-visible svg,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] #invoicesWrap .filters-modern.list-toolbar-strip #invoiceListOptionsBtn.actions-dropdown-btn:focus-visible svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* v171 — Deals / pipeline View Settings hover (explicit pipeline-view scope) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn[aria-expanded="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn[aria-expanded="true"] {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled)::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible::after,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:focus-visible::after {
  opacity: 0 !important;
  animation: none !important;
  background: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .actions-dropdown-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) #savedViewsLabel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) #savedViewsLabel,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-icon,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) .dropdown-chevron,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="deals"] #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.pipeline-view #filtersSection.filters-modern.list-toolbar-strip #listOptionsBtn.actions-dropdown-btn:hover:not(:disabled) svg {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* v172 — Tasks hub composer custom due date + time */
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-date,
html[data-theme="dark"] body[data-theme="momentum"] #tasksWrap .tasks-hub__composer-due-time {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color-scheme: dark;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v173 — Contact Overview: flatten KPI strip + kill tab nord wash
   Scope: #detailPanel contact detail Overview (+ shared tab chrome).
   Momentum `body:not(.is-mobile)… .contact-overview-top .crm-overview-hero--contact-command`
   out-specced earlier finish gap:0 — KPI cells still read as a spaced panel.
   This pass: beat that selector; hide secondary meta at rest; flush tabs-body /
   notes to #141414; active tab = nord underline (no fill wash); typebar quiet.
   One gold = rail Edit. Do not regress Deals hub / Tasks / Settings.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Contact detail tabs — underline active, never nord fill wash ─────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab.active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-tab.contact-detail-tab-btn.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-tab.contact-detail-tab-btn.active {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom: 2px solid #81a1c1 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .deal-section-tab.contact-detail-tab-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-btn.project-tab:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* ── 2) Flush tabs body — kill --mm-surface nested #181818 sheet ─────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .project-tab-content.contact-detail-tabs-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tabs-card {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── 3) KPI strip — beat Momentum gap !important; label|value only at rest ─ */
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status--dense,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status--dense {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  grid-gap: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 0 8px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--tasks,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--deals,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--financials,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--communications,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--documents,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--client-room,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell--projects,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 6px 10px !important;
  gap: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell + .crm-overview-hero__status-card-shell {
  border-left: 1px solid rgba(240, 240, 240, 0.07) !important;
  border-top: none !important;
  margin-top: 0 !important;
}

html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:first-child {
  padding-left: 0 !important;
}

html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:hover,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:focus-within {
  background: #2a2a2a !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Secondary KPI meta — rest hidden; reveal on hover (no third-line bounce at rest) */
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-meta,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command button.crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command button.crm-overview-hero__status-meta {
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:hover .crm-overview-hero__status-meta,
html[data-theme="dark"] body:not(.is-mobile)[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:hover .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:focus-within .crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:hover button.crm-overview-hero__status-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-card-shell:focus-within button.crm-overview-hero__status-meta {
  display: block !important;
  max-height: 1.4em !important;
  opacity: 1 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command .crm-overview-hero__status-meta,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-top .crm-overview-hero--contact-command button.crm-overview-hero__status-meta {
    display: block !important;
    max-height: 1.4em !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    font-size: 11px !important;
    color: #909090 !important;
    -webkit-text-fill-color: #909090 !important;
  }
}

/* ── 4) Quick notes + composer typebar — flush, quiet chips ──────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .contact-overview-quick-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .overview-note-composer {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  gap: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > button,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > a {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 6px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > button:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > a:hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > button.is-active,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--overview .mm-overview-composer-typebar > button.mm-type-active {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v174 — Quick search presets (/ Smart CRM slash panel): Cursor Dark flatten
   Kill indigo hero wash, candy color-group tiles, purple Replace pill, white
   gear/footer. Presets = list rows (soft gutters); mode chips = nord underline;
   Run Briefing = green commit; stars = nord quiet (never gold). Settings modal
   charcoal + green Save. Scope: #searchSlashPanel + .td-qs-settings-*.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1) Panel shell — flush charcoal, soft border, no frosted card ───────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel.search-slash-panel,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel.search-slash-panel.search-slash-panel--portaled {
  background: #141414 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__chrome {
  background: #141414 !important;
  background-image: none !important;
}

/* ── 2) Hero — kill indigo/sky radial wash ───────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__hero {
  background: #141414 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  padding: 16px 16px 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__eyebrow {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__headline {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__sub {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__sub strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 600 !important;
}

/* Hero tools — charcoal outline, never white/amber tiles */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-settings-btn,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-parse-failures-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-settings-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-parse-failures-btn:hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-parse-failures-btn {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* ── 3) Replace / + Add filter — nord underline chips (not indigo pills) ─── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode {
  margin-top: 12px !important;
  padding: 0 !important;
  gap: 4px !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode__btn {
  padding: 6px 10px !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode__btn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode__btn.is-active {
  background: transparent !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-bottom-color: #81a1c1 !important;
  box-shadow: none !important;
}

/* Active filters preview — soft gutter strip, quiet chips */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-active-filters {
  margin-top: 10px !important;
  padding: 8px 0 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-active-filters__count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-active-filters__chip {
  background: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-active-filters__chip--more {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
}

/* ── 4) Scroll body + empty state ────────────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__scroll {
  background: #141414 !important;
  padding: 8px 12px 14px !important;
  scrollbar-color: rgba(240, 240, 240, 0.22) transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-empty-filter {
  margin: 4px 0 12px !important;
  padding: 10px 0 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ── 5) Groups — neutralize candy accents; soft section gutters ──────────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--violet,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--sky,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--amber,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--rose,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--emerald,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--slate,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--fuchsia,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--gold,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--filtered {
  --g-accent: #81a1c1 !important;
  margin-bottom: 16px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group:first-child {
  border-top: none !important;
  padding-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group__header {
  margin-bottom: 4px !important;
  padding-left: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group__tagline {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-clear-favs {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-clear-favs:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Favorites header Run Briefing — nord outline (footer owns green commit) */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing--header {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing--header:hover {
  background: #2a2a2a !important;
  border-color: rgba(136, 192, 208, 0.55) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* ── 6) Flatten: tiles → list rows (soft gutters, no card chrome) ────────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group__grid {
  gap: 0 !important;
  column-gap: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile {
  min-height: 40px !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile.is-active {
  background: transparent !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  border-left: 2px solid #81a1c1 !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile.is-active:hover {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-item {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 4px 10px 10px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-item__prefix {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

/* Parametric inputs — charcoal, nord focus (beat white gradients) */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel select.search-slash-param,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param--text {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param::placeholder,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param--text::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param:hover {
  border-color: rgba(240, 240, 240, 0.18) !important;
  background: #1e1e1e !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-param:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel select.search-slash-param {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23909090' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 7px center !important;
  background-size: 13px !important;
  background-color: #1a1a1a !important;
}

/* Stars — nord quiet; never gold (Edit owns gold) */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  background: transparent !important;
  border-radius: 6px !important;
  opacity: 0 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile:hover .search-slash-fav,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile.is-active .search-slash-fav,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile--saved .search-slash-fav,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav--saved {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav:hover {
  background: #2a2a2a !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav--saved {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav {
    opacity: 1 !important;
  }
}

/* Beat legacy color-mix / group hover fallbacks */
@supports not (color: color-mix(in srgb, red, blue)) {
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--violet .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--sky .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--amber .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--rose .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--emerald .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--slate .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--fuchsia .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--gold .search-slash-tile:hover,
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-group--filtered .search-slash-tile:hover {
    border-color: rgba(240, 240, 240, 0.06) !important;
  }
  html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile.is-active {
    border-left: 2px solid #81a1c1 !important;
    box-shadow: none !important;
  }
}

/* ── 7) Footer — charcoal bar; Run Briefing = green commit ───────────────── */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__footer,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__footer--briefing {
  background: #141414 !important;
  background-image: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__footer-label,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-panel__footer-label--hint {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing:not(.search-slash-run-briefing--header):not(.search-slash-run-briefing--needs-pins) {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing:not(.search-slash-run-briefing--header):not(.search-slash-run-briefing--needs-pins):hover {
  filter: brightness(1.04) !important;
  transform: none !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing--needs-pins {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-run-briefing--needs-pins:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Beat dark-sweep generic #searchSlashPanel button borders on mode/item rows */
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-item,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode__btn,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-fav {
  border-color: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-filter-mode__btn:hover {
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #searchSlashPanel .search-slash-tile:hover .search-slash-item {
  background: transparent !important;
}

/* ── 8) Quick search defaults settings modal ─────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-backdrop {
  --g-accent: #81a1c1 !important;
  background: rgba(0, 0, 0, 0.62) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-dialog {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.55) !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-lead,
html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-h3 {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-close {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-close:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-kbd {
  background: #1a1a1a !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-body {
  background: #141414 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-input,
html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-select {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 8px !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-input::placeholder {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-input:focus,
html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-select:focus {
  border-color: rgba(129, 161, 193, 0.55) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.22) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-foot {
  background: #141414 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-btn--ghost {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-btn--ghost:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-btn--primary {
  background: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  background-image: linear-gradient(150deg, #6ee7b7 0%, #34d399 55%, #10b981 100%) !important;
  color: #022c22 !important;
  -webkit-text-fill-color: #022c22 !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qs-settings-btn--primary:hover {
  filter: brightness(1.04) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v175 — People grid table: Attio density + Next column center + outline pills
   Default grid (not spreadsheet) was 127px deal-card rows with inline candy
   Next/Status fills — pills sat low and read as mini-cards. Compact rows,
   vertically centered Next/Playbook/Last active, beat inline pill styles.
   Scope: list-only grid `.contact-list-table:not(.contact-list-table--spreadsheet)`.
   Do NOT regress spreadsheet v48/v51, contact detail, or v174 slash panel.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only #contactListWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible) #contactListWrap {
  --contact-list-main-row-h: 58px;
  --contact-list-deal-cell-pad-block: 12px;
  --contact-list-deal-pill-h: calc(var(--contact-list-main-row-h) - var(--contact-list-deal-cell-pad-block));
}

html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody.contact-list-record
  > tr.pipe-list-row.contact-row
  > td,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody.contact-list-record
  > tr.pipe-list-row.contact-row
  > td {
  height: var(--contact-list-main-row-h) !important;
  min-height: var(--contact-list-main-row-h) !important;
  max-height: var(--contact-list-main-row-h) !important;
  vertical-align: middle !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Next column — true vertical center (beat asymmetric pad + tall row void) */
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-next-action-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-next-action-cell {
  padding: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-action-cell-inner,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-action-cell-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: var(--contact-list-main-row-h) !important;
  padding: 8px 6px !important;
  box-sizing: border-box !important;
}

/* Playbook + Last active — same vertical rhythm */
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-next-playbook-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-next-playbook-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-lifecycle-cell,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-lifecycle-cell {
  vertical-align: middle !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell
  .contact-last-engaged-stack,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell
  .contact-last-engaged-stack,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell
  .contact-last-engaged-compact,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tbody
  td.contact-last-engaged-cell
  .contact-last-engaged-compact {
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-next-playbook-cell
  .contact-next-playbook-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-next-playbook-cell
  .contact-next-playbook-cell {
  justify-content: center !important;
  min-height: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-next-playbook-step,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-next-playbook-step {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
}

/* Next pills — beat inline light-theme fills; urgency = outline + text only */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  background: #181818 !important;
  background-image: none !important;
  background-color: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  padding: 5px 9px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  max-height: calc(var(--contact-list-main-row-h) - 14px) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#991b1b"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#991b1b"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#fee2e2"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#fee2e2"] {
  border-color: rgba(191, 97, 106, 0.42) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#9a3412"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#9a3412"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#ffedd5"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#ffedd5"] {
  border-color: rgba(235, 203, 139, 0.38) !important;
  color: #ebcb8b !important;
  -webkit-text-fill-color: #ebcb8b !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#854d0e"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#854d0e"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#fef9c3"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-pill[style*="#fef9c3"] {
  border-color: rgba(235, 203, 139, 0.32) !important;
  color: #d0b87a !important;
  -webkit-text-fill-color: #d0b87a !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  button.contact-next-task-pill--multi::before,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  button.contact-next-task-pill--multi::before {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-count-badge,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-next-task-count-badge {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  min-width: 18px !important;
  height: 18px !important;
  font-size: 10px !important;
}

/* Simple Status — outline chips (beat inline candy from contact-status-badge.js) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-simple-status-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-simple-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  min-height: 26px !important;
  max-width: 100% !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--customer,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--customer,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--customer-deal,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--customer-deal {
  border-color: rgba(163, 190, 140, 0.38) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--deal,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--deal {
  border-color: rgba(235, 203, 139, 0.38) !important;
  color: #ebcb8b !important;
  -webkit-text-fill-color: #ebcb8b !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--tried,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--tried {
  border-color: rgba(129, 161, 193, 0.38) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--new,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--new {
  border-color: rgba(136, 192, 208, 0.32) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--parked,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--parked {
  border-color: rgba(240, 240, 240, 0.08) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Deal column — compact list row when visible (not multi-line card) */
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-deal-cell
  .contact-deal-pill,
html[data-theme="dark"] body[data-theme="momentum"]:not(.is-mobile)
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-deal-cell
  .contact-deal-pill {
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(var(--contact-list-main-row-h) - 12px) !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #salesSimplePeopleHint.sales-simple-people-hint,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #salesSimplePeopleHint.sales-simple-people-hint {
  margin: 0 !important;
  padding: 8px 16px 10px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: #141414 !important;
}

/* ═══════════════════════════════════════════════════════════════
   v176 — Deals hub Kanban: Attio-density flatten + outline badges
   Flush canvas, list-row cards, sparse metrics, hover-reveal meta.
═══════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelineWrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel {
  background: #141414 !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel > .pipe-board,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-board-kanban {
  background: #141414 !important;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}

/* Header — flush strip (not floating rounded card) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel > div.pipe-header.pipe-workspace-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel > .pipe-header {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 10px 16px 12px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-workspace-subtitle {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
}

/* Metrics — sparse horizontal strip (not pill cards) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-summary {
  gap: 0 !important;
  row-gap: 2px !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-summary .pill {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-summary .pill + .pill::before {
  content: "·" !important;
  margin: 0 7px !important;
  color: #606060 !important;
  -webkit-text-fill-color: #606060 !important;
  font-weight: 400 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-summary .pill.pipe-stale-pill {
  color: #d08770 !important;
  -webkit-text-fill-color: #d08770 !important;
  background: transparent !important;
  border: none !important;
}

/* Toolbar on Deals — park secondary; nord quiet */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-header-right :is(
  .pipe-intelligence-btn,
  .pipe-meeting-pack-btn,
  .pipe-export-btn,
  .pipe-refresh-btn
) {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 0.82 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-header-right :is(
  .pipe-intelligence-btn,
  .pipe-meeting-pack-btn,
  .pipe-export-btn,
  .pipe-refresh-btn
):hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-view-toggle {
  background: #181818 !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-view-btn {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-view-btn:hover {
  background: #2a2a2a !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-view-btn.active {
  background: transparent !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: inset 0 -2px 0 #81a1c1 !important;
}

/* Kanban columns — soft gutters, not nested cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-wrap {
  gap: 10px !important;
  grid-auto-columns: minmax(260px, 300px) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-col {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 160px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-col.drag-over {
  background: #181818 !important;
  outline: none !important;
  box-shadow: inset 3px 0 0 #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-head {
  background: #141414 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  padding: 10px 12px 8px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-stage-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-head-total {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  margin-top: 4px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-head-top .pill {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-list {
  padding: 0 !important;
  gap: 0 !important;
}

/* Empty column — muted text, no dashed card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-empty {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.05) !important;
  border-radius: 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  min-height: 48px !important;
  padding: 14px 12px !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Deal cards — list rows (not nested tiles) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
  gap: 6px !important;
  transform: none !important;
  transition: background 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:focus-within {
  background: #2a2a2a !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  transform: none !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card .pipe-card-top {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.3 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-value {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-stage {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-company,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-owner {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

/* Hover-reveal secondary meta (desktop) */
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:not(:hover):not(:focus-within) :is(
    .pipe-card-company,
    .pipe-card-sub,
    .pipe-card-owner,
    .pipe-card-health,
    .pipe-card-glance,
    .pipe-card-stage,
    .pipe-card-meta .deal-health-badge,
    .pipe-card-meta .pill,
    .pipe-stale-badge
  ) {
    opacity: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
  }

  html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:not(:hover):not(:focus-within) .pipe-deal-more {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:hover .pipe-deal-more,
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card:focus-within .pipe-deal-more {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card .pipe-deal-more {
    opacity: 1 !important;
  }
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-more {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-more:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-more.is-open {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Glance + forecast + health — outline chips (beat filled candy from hubs.css) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-glance__bit,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-health__bit {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-glance__close--overdue {
  border-color: rgba(191, 97, 106, 0.38) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-glance__forecast--pipeline {
  border-color: rgba(240, 240, 240, 0.12) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-glance__forecast--best_case {
  border-color: rgba(235, 203, 139, 0.32) !important;
  color: #ebcb8b !important;
  -webkit-text-fill-color: #ebcb8b !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-glance__forecast--commit {
  border-color: rgba(163, 190, 140, 0.32) !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-health__bit--task {
  border-color: rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-card-meta .pill {
  background: transparent !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  box-shadow: none !important;
  font-size: 10px !important;
  min-height: 20px !important;
  padding: 2px 6px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .deal-health-badge {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  box-shadow: none !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .deal-health-badge--at_risk,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .deal-health-badge--critical {
  border-color: rgba(191, 97, 106, 0.38) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .deal-health-badge--needs_attention {
  border-color: rgba(235, 203, 139, 0.32) !important;
  color: #ebcb8b !important;
  -webkit-text-fill-color: #ebcb8b !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-deal-card > .pill.pipe-stale-pill {
  background: transparent !important;
  border: 1px solid rgba(191, 97, 106, 0.32) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  font-size: 10px !important;
  align-self: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-kanban-show-more {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Deals list mode — same flatten language */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-list-filters {
  background: #141414 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-list-search,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-list-stage-filter {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-list-search:focus,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #pipelinePanel .pipe-list-stage-filter:focus {
  border-color: rgba(129, 161, 193, 0.45) !important;
  box-shadow: 0 0 0 2px rgba(129, 161, 193, 0.18) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell:is([data-view="deals"], [data-view="pipeline"]) #filtersSection.filters-modern.list-toolbar-strip {
  background: #141414 !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Simple: one header Create door. Must beat People-list Quick Add display:inline-flex rules. */
body.td-sales-simple #addContactQuickBtn,
html[data-theme="dark"] body.td-sales-simple #addContactQuickBtn,
html[data-theme="dark"] body[data-theme="momentum"].td-sales-simple .app-shell.contacts-v2-view #filtersSection #addContactQuickBtn,
html[data-theme="dark"] body[data-theme="momentum"].td-sales-simple .app-shell.contacts-v2-view[data-view="contacts"] #filtersSection.filters-modern.list-toolbar-strip #addContactQuickBtn.filter-add-btn.filter-add-btn--toolbar.filter-add-btn--contact-quick {
  display: none !important;
}

/* ── v178 — Home sales orientation: kill white card, crisp type ─────────────
   Injected Command Center styles paint `.td-day-one-coach` as a light
   rounded card. On dark that is unreadable. Flatten to a flush tip:
   soft top gutter, no card, contrast floor, nord dismiss. */
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] .td-day-one-coach {
  margin: 0 0 16px !important;
  padding: 12px 0 14px !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  background: #141414 !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach *,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] .td-day-one-coach * {
  text-shadow: none !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__head {
  margin-bottom: 4px !important;
  align-items: baseline !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__lead,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__note,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__habits-title,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__rules,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__rules li,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step-blurb {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__lead {
  font-size: 13px !important;
  margin: 0 0 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__flow {
  margin: 0 0 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step {
  background: #1a1a1a !important;
  border: 1px solid rgba(240, 240, 240, 0.16) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step:focus-visible {
  background: #222222 !important;
  border-color: rgba(136, 192, 208, 0.42) !important;
  outline: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step-n {
  background: #222222 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(136, 192, 208, 0.32) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__step-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-weight: 650 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__habits-title {
  font-size: 11px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__rules {
  margin: 0 !important;
  padding-left: 1.15rem !important;
  font-size: 13px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__rules li::marker {
  color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__note {
  margin: 10px 0 0 !important;
  font-size: 12px !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__dismiss {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.42) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__dismiss:hover,
html[data-theme="dark"] body[data-theme="momentum"] .td-day-one-coach__dismiss:focus-visible {
  background: #2a2a2a !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  outline: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v179 — Contact Projects tab: flatten delivery workspace (better than Attio)
   Scope: #detailPanel .contact-projects-section only.
   Kill Delivery Workspace hero card + marketing copy; metrics → sparse strip;
   list rows = name · stage · status (Client/Deal/Timeline parked); truncate
   name so stage pills never overlap; outline chips (beat inline candy);
   + Create Project nord. Hover charcoal #2a2a2a. Edit rail stays sole gold.
   Do not touch Invoicing, Documents, Deals tab, or Projects hub.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section[data-mm-projects-tab="true"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-detail-tab-panel--projects,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 4px 0 12px !important;
  margin: 0 !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-projects-workspace,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell--hero,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell--subsection,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-table-shell,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section .contact-tab-shell,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section .contact-tab-table-shell {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell--subsection {
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell--hero {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 8px 16px !important;
  padding: 0 0 10px !important;
  margin: 0 0 4px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
}

/* Hero: park kicker / marketing copy. Create sits with the metric strip. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-title-wrap,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-kicker,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-title-wrap h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-panel-note,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-shell--subsection .related-section-header {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-section-header--hero {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
  border: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-header-actions {
  margin-left: 0 !important;
  gap: 6px !important;
}

/* + Create Project — nord quiet (never gold / filled primary) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section #contactScopedCreateProject,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section #contactScopedCreateProject.btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section #contactScopedCreateProject.btn.primary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-header-actions .btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  min-height: 28px !important;
  height: auto !important;
  padding: 4px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section #contactScopedCreateProject:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-header-actions .btn:hover {
  background: #2a2a2a !important;
  border-color: #88c0d0 !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Metrics → one sparse horizontal strip (not 4 rounded cards) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metrics,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metrics--four,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section .contact-tab-metrics {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 1 !important;
  flex: 1 1 auto !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-card.is-attention,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section .contact-tab-metric-card,
html[data-theme="dark"] body.contact-overview-simple-page[data-theme="momentum"] #detailPanel[data-contact-overview-mode="simple"] .contact-projects-section .contact-tab-metric-card.is-attention {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-right: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 2px 14px !important;
  flex: 0 0 auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-card:first-child {
  padding-left: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-card:last-child {
  border-right: none !important;
  padding-right: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-label {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-value {
  margin-top: 2px !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-metric-card.is-attention .contact-tab-metric-value {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* Table: list rows, not a framed grid. table-layout fixed so Kickoff never overlaps name. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-tab-table-shell,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table-wrap {
  overflow: visible !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-height: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table {
  table-layout: fixed !important;
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact th:nth-child(1),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact td.contact-project-cell--name {
  width: auto !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact th:nth-child(2),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact th:nth-child(3),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact td.contact-project-cell--stage,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-table--contact td.contact-project-cell--status {
  width: 118px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table thead tr,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table thead th {
  background: #141414 !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  position: static !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  padding: 6px 10px 8px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table tbody tr,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-row {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-row:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-row:hover {
  background: #2a2a2a !important;
  background-image: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table tbody td,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-cell {
  background: transparent !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: none !important;
  padding: 10px 10px 10px 0 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* Name: truncate. Urgency = 2px left edge + pad (do not clip). */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-cell--name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-name {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  padding-left: 10px !important;
  border-left-width: 2px !important;
  border-left-style: solid !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-name-line {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-row-reveal {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  pointer-events: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-row:hover .contact-project-row-reveal,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-row:focus-within .contact-project-row-reveal {
  max-width: 9em !important;
  opacity: 1 !important;
}
@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-row-reveal {
    max-width: 9em !important;
    opacity: 1 !important;
  }
}

/* Stage / status: outline chips, not white/green candy fills. Stay in-column. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-cell--stage,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-cell--status {
  overflow: visible !important;
  white-space: nowrap !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .project-stage-pill-inline,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section[data-mm-projects-tab="true"] .project-stage-pill-inline {
  display: inline-flex !important;
  align-items: center !important;
  position: static !important;
  max-width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  min-height: 22px !important;
  height: auto !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .contact-project-status-pill,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section[data-mm-projects-tab="true"] .contact-project-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(163, 190, 140, 0.38) !important;
  box-shadow: none !important;
  color: #a3be8c !important;
  -webkit-text-fill-color: #a3be8c !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  min-height: 22px !important;
  height: auto !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
}

/* Empty: muted text + soft divider — no dashed graphic card */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .td-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .pipe-list-table tbody td[colspan] {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  padding: 16px 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .td-empty-graphic,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .td-empty-badge {
  display: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .td-empty-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-projects-section .td-empty-description {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 13px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v180 — Contact Details Full: kill white consent/address/load-more and
   unreadable tags after Simple → Full. Dark kills were scoped to
   body.contact-overview-simple-page; Full uses data-contact-overview-mode=
   "advanced" and light Momentum chrome leaks (white consent cards, white
   ADDRESSES well, #fff notes rail, white-on-pastel WHO tags, #0f172a URLs,
   inline Load more #f8fafc, activity #1e293b).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Notes rail: beat Full-mode `background: #fff` + white gradient */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-notes.contact-details-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-notes,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-notes.contact-details-card {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #f0f0f0 !important;
}

/* WHO / notes section headers: beat Full-mode `#f8fafc` */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-notes.contact-details-card > .related-section-header,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-field-group[data-contact-overview-first-fields] > .contact-field-group-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-notes.contact-details-card > .related-section-header {
  background: #1e1e1e !important;
  background-image: none !important;
  border-bottom-color: rgba(240, 240, 240, 0.08) !important;
  color: #b0b0b0 !important;
}

/* WHO tags: quiet charcoal chips — beat white-on-pastel `--chip-fg` / `--chip-bg` */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-overview-who-tags .deal-tags-chip,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags .deal-tags-chip {
  background: rgba(240, 240, 240, 0.06) !important;
  background-image: none !important;
  background-color: rgba(240, 240, 240, 0.06) !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-overview-who-tags .deal-tags-chip__label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-overview-who-tags .deal-tags-chip__label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-overview-who-tags button.deal-tags-chip__remove,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-overview-who-tags button.deal-tags-chip__remove {
  background: rgba(240, 240, 240, 0.1) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  border: none !important;
}

/* + Tag — nord outline, not indigo-on-dark / slate-on-dark */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-overview-who-tags button.deal-tags-add-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-fields.contact-details-card .contact-overview-who-tags button.deal-tags-add-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-overview-who-tags button.deal-tags-add-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-overview-who-tags button.deal-tags-add-btn:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* OPT-IN & CONSENT — charcoal rows, not white cards */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-consent-group .contact-consent-option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-consent-group .contact-consent-option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields .contact-consent-option,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-fields .contact-consent-option {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-consent-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-detail-consent-group .contact-consent-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-consent-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-detail-consent-group input.inline-input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-detail-consent-group input.inline-input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-consent-option input[type="checkbox"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-consent-option input[type="checkbox"] {
  accent-color: #81a1c1 !important;
  background: #181818 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  color-scheme: dark !important;
}

/* ADDRESSES / record cards — kill white gradient wells */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .crm-contact-overview-fields .contact-overview-record-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .crm-contact-overview-fields .contact-overview-record-card {
  background: #181818 !important;
  background-color: #181818 !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .detail-address-entry,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .detail-multi-field-entry,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .detail-address-entry,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .detail-multi-field-entry {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.08) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields .contact-overview-record-card__head,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields .contact-overview-record-card__head {
  background: transparent !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Labels / values — beat #64748b labels and #0f172a / #0b1320 / #1e293b values */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .detailRow .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-label {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .detailRow .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .contact-detail-tab-panel--details .detailRow .inline-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-row .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .detailRow .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .contact-detail-tab-panel--details .detailRow .inline-input,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .value,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields.project-overview-record-field-layout .contact-overview-record-card .contact-field-row .value {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Website / social URLs — nord, beat slate flatten */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields:not(.editing) .contact-overview-website-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value > .contact-overview-website-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value a,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields:not(.editing) .contact-overview-website-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value > .contact-overview-website-link,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-fields:not(.editing) .contact-overview-record-card .detailRow .value a {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* + Add address / email / phone — nord outline, not indigo wash */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .btn-add-field,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .btn-add-detail-field,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .add-field-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .btn-add-field,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .btn-add-detail-field,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .add-field-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .btn-add-field:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .btn-add-detail-field:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .btn-add-field:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .btn-add-detail-field:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
}

/* Activity titles / timestamps — beat inline #1e293b / #94a3b8 and --mm-text-faint #575757 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes .activityItem.contact-activity-item {
  background: transparent !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.06) !important;
  color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item:hover {
  background: #2a2a2a !important;
  border-color: rgba(240, 240, 240, 0.1) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item .contact-activity-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item .contact-activity-body > div,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item > div:not(.mm-activity-bubble),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes .activityItem.contact-activity-item .contact-activity-body > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item .mm-timeline-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item .contact-activity-body,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item .contact-activity-body > div,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item > div:not(.mm-activity-bubble),
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes .activityItem.contact-activity-item .contact-activity-body > div:first-child {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .activityItem.contact-activity-item .mm-timeline-meta,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .activityItem.contact-activity-item .mm-timeline-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Load more — beat inline background:#f8fafc;color:#475569 */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes button.contact-notes-load-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes button[style*="background:#f8fafc"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes button[style*="color:#475569"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes button.contact-notes-load-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes button[style*="background:#f8fafc"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes button[style*="color:#475569"] {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.32) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .crm-contact-overview-notes button.contact-notes-load-more:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .crm-contact-overview-notes button.contact-notes-load-more:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.55) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel[data-contact-overview-mode="advanced"] .mm-activity-summary-row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel:not([data-contact-overview-mode="simple"]) .mm-activity-summary-row {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Open in Full leftover (hidden in Full, but keep readable if it flashes) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__copy {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-focused-full-affordance__btn {
  background: transparent !important;
  border: 1px solid rgba(129, 161, 193, 0.38) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v181 — Contact Deals empty: kill mint $ tile; nord Add (same as + Deal)
   Zero records: Add is the page action — visible nord outline, not a ghost
   and not a special indigo/mint/gold. Hide $0 metric strip. No icon tiles.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section[data-mm-deals-tab="true"] .contact-deals-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .related-section-empty.contact-deals-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
  padding: 16px 0 8px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* Kill leftover mint $ tile / stacked empty graphic (cached markup or td-empty) */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty .td-empty-graphic,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty .td-empty-badge,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty [style*="#ecfdf5"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty [style*="#d1fae5"],
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty [style*="color:#059669"] {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty h3,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty .td-empty-title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty p,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty .td-empty-description {
  margin: 0 !important;
  max-width: 36em !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* Zero-record Add = same nord Create as header + Deal, just a visible outline */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty__add,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty #emptyAddFirstDealBtn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section--empty #addDealSectionBtn.related-section-btn,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty button[style*="#4f46e5"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 6px !important;
  padding: 7px 12px !important;
  min-height: 32px !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty__add:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section .contact-deals-empty #emptyAddFirstDealBtn:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section--empty #addDealSectionBtn.related-section-btn:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.7) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .contact-deals-section--empty .contact-deals-summary {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v182 — Contact Activity tab: type + time filters (not dead metric cards)
   Last 24h / Last 7 days were counts only. Replace with nord-underline chips:
   All · Calls · Emails · Notes · Documents  +  Any time · Today · This week.
   Empty = muted copy, no icon tile. Quiet “hidden updates” contrast.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filters,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-activity-filters {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filter-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 10px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filter {
  appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  padding: 4px 2px 6px !important;
  min-height: 28px !important;
  cursor: pointer !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filter:hover {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filter.is-active {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-bottom-color: #81a1c1 !important;
  background: transparent !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-filter-empty,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-more,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .mm-activity-summary-row {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 12px !important;
  padding: 10px 0 !important;
  background: transparent !important;
  border: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-empty {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 16px 0 8px !important;
  text-align: left !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-empty .td-empty-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-activity-empty .td-empty-description {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-size: 13px !important;
  margin: 0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog[data-mm-activity-tab="true"] .contact-deals-summary,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell.contacts-v2-view.contact-detail-visible #detailPanel .activityLog .contact-deals-summary[data-mm-activity-summary="true"] {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v183 — Home What next gadget: kill white row hover; flatten to list rows
   Injected CC CSS paints `.cc-home-next-queue__row:hover { background: #fafafa }`
   (and rest `var(--surface-1, #fff)`). Dark titles stay `#F0F0F0` → white-on-white.
   Flatten the nested 12px cards; hover = charcoal `#2a2a2a`; lock fill colors.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-section,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-mount,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-section {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__head {
  padding: 10px 0 8px !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__title-block {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__count {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter button.cc-home-next-queue__row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 10px 8px !important;
  text-align: left !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  cursor: pointer !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter button.cc-home-next-queue__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter button.cc-home-next-queue__row:focus-within,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:focus-within {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter button.cc-home-next-queue__row:focus-visible {
  outline: 2px solid rgba(129, 161, 193, 0.55) !important;
  outline-offset: -2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:hover .cc-home-next-queue__title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:focus-within .cc-home-next-queue__title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:hover .cc-home-next-queue__sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:focus-within .cc-home-next-queue__sub,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__sub {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__rank,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:hover .cc-home-next-queue__rank,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:focus-within .cc-home-next-queue__rank {
  background: #1e1e1e !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue--empty {
  padding: 12px 0 8px !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__empty-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__empty-text {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v184 — People list: restore Cursor Dark after truncated momentum CSS;
   kill white Next “+” chips; readable Primary / Status / Assigned contrast.
   Root cause: styles-momentum.css truncated at 768KB mid-rule → light
   `.contact-add-icon-btn` gradients leaked. Assigned To dumped Firebase UIDs
   when ownerEmail missing (roster lookup skipped workspace.members).
   Scope: contacts list-only grid. Do NOT regress spreadsheet / detail / Home.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Next empty-state “+” — charcoal outline, nord hover (never white pill) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-add-icon-btn,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-add-icon-btn {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.14) !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-add-icon-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-add-icon-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-add-icon-btn:focus-visible,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-add-icon-btn:focus-visible {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-add-icon-btn--alert,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-add-icon-btn--alert {
  background: rgba(191, 97, 106, 0.1) !important;
  background-image: none !important;
  border-color: rgba(191, 97, 106, 0.4) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-add-icon-btn--alert:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-add-icon-btn--alert:hover {
  background: rgba(191, 97, 106, 0.18) !important;
  border-color: rgba(191, 97, 106, 0.55) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* “Nothing scheduled” — muted meta, not competing with name */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-empty-hint,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-empty-hint,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-no-next-action-wrap,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-no-next-action-wrap {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-empty-hint--warn,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-empty-hint--warn {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* Primary / company pills — readable #F0F0F0 on quiet charcoal (beat leftover indigo inline) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  button.contact-company-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  button.contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  button.contact-primary-person-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-company-pill[style],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-company-pill[style],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-primary-person-pill[style],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-primary-person-pill[style] {
  background: #1e1e1e !important;
  background-image: none !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border: 1px solid rgba(240, 240, 240, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 550 !important;
  padding: 3px 8px !important;
  min-height: 26px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  button.contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  button.contact-company-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  button.contact-primary-person-pill:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  button.contact-primary-person-pill:hover {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: rgba(129, 161, 193, 0.35) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  box-shadow: none !important;
}

/* Name + Assigned To — primary text floor */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-name,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-name,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-owner-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  .contact-owner-cell {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-phone-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-phone-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-email-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-email-cell,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-phone-cell a,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-phone-cell a,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-email-cell a,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  td.contact-email-cell a {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Row hover — charcoal only (no nord wash); soft gutters */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tr.pipe-list-row.contact-row:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tr.pipe-list-row.contact-row:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tr.pipe-list-row.contact-row:focus-within,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-list-table:not(.contact-list-table--spreadsheet)
  tr.pipe-list-row.contact-row:focus-within {
  background: #2a2a2a !important;
  background-image: none !important;
}

/* Prospect status — nord outline (Customer already soft-green via v175) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--prospect,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--prospect,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"].contact-list-only
  #contactListWrap
  .contact-simple-status-pill--tried,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]:not(.contact-detail-visible)
  #contactListWrap
  .contact-simple-status-pill--tried {
  border-color: rgba(129, 161, 193, 0.4) !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  background: #181818 !important;
  background-image: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v185 — Home Web Inquiries: kill amber candy card + orange metrics;
   flatten to flush list rows (same contract as What next / Deal Doctor).
   Injected CC CSS paints .cc-leads-* amber gradients (#fffbeb / #f59e0b /
   #92400e). Dark-home never overrides those → orange stack-of-cards on Home.
   Scope: [data-widget-id="leads"] only.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-header,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-body {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"]:hover {
  background: #141414 !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 0 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  justify-content: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-title,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-title-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-count {
  margin-left: 6px !important;
  background: rgba(191, 97, 106, 0.22) !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border: 1px solid rgba(191, 97, 106, 0.45) !important;
  border-radius: 999px !important;
  padding: 1px 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  animation: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-action {
  margin-left: auto !important;
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-action:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-widget-body {
  padding: 8px 0 0 !important;
}

/* Metrics → one sparse horizontal strip (not 4 amber value cards) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: baseline !important;
  gap: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 6px !important;
  text-align: left !important;
  padding: 0 12px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat + .cc-leads-stat {
  border-left: 1px solid rgba(240, 240, 240, 0.08) !important;
  padding-left: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat-value,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat.highlight .cc-leads-stat-value {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat.highlight .cc-leads-stat-value {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-stat-label {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 0 8px !important;
  background: transparent !important;
}

/* List rows — not amber mini-cards */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 8px 6px !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item:last-child {
  border-bottom: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item:focus-within {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item-avatar {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item-name {
  flex: 1 !important;
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-item-time {
  flex-shrink: 0 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  white-space: nowrap !important;
}

/* SLA = rose outline chip (not filled candy) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-lead-sla-pill,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-lead-sla-warning,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-lead-sla-critical {
  background: transparent !important;
  background-image: none !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border: 1px solid rgba(191, 97, 106, 0.45) !important;
  border-radius: 999px !important;
  padding: 1px 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* View all = nord secondary (never amber/gold primary) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-view-all,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] #ccViewAllLeads {
  width: 100% !important;
  margin-top: 4px !important;
  padding: 8px 10px !important;
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-view-all:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] #ccViewAllLeads:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Empty — muted copy, no icon tile */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-empty {
  text-align: left !important;
  padding: 12px 0 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
  background: transparent !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-empty-icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="leads"] .cc-leads-empty-sub {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin-top: 4px !important;
  font-size: 12px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v186 — Contact Overview KPI strip: space value from label (0 OPEN not 0OPEN)
   Earlier Attio polish put split metrics on one baseline row with gap:0 —
   numbers jammed into Open/Closed/Email/Call. Keep L/R composition; add gap.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  button.crm-overview-hero__deals-split-item {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  column-gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--open {
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--closed {
  margin-left: auto !important;
  justify-content: flex-end !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-v--text {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: -0.02em !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-k {
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

/* Primary metric size (left) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--open
  .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--open
  .crm-overview-hero__deals-split-v--text {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  line-height: 1.2 !important;
}

/* Secondary metric (right) — quieter, still spaced from its label */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--closed
  .crm-overview-hero__deals-split-v,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view.contact-detail-visible
  #detailPanel
  .contact-detail-tab-panel--overview
  .crm-overview-hero__deals-split-item--closed
  .crm-overview-hero__deals-split-v--text {
  font-size: 14px !important;
  font-weight: 550 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  line-height: 1.2 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v187 — Home Tasks & Events widget: kill nested gray-50 cards + indigo
   contact names; flatten to list rows (same contract as Web Inquiries v185).
   Injected CC CSS paints .cc-task-item as rounded cards (var(--gray-50)),
   overdue count as filled #fef2f2, contact span as #6366f1, edit as amber gold.
   Scope: [data-widget-id="tasks"] / .cc-task-* only.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-header,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-body {
  background: #141414 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"]:hover {
  background: #141414 !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 0 8px !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  justify-content: flex-start !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-title,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-title-label {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-title .cc-svg-ico,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-title svg {
  color: #b0b0b0 !important;
  stroke: currentColor !important;
}

/* + Task — nord outline secondary (never gold; Edit owns gold) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-action {
  margin-left: auto !important;
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-action:hover {
  background: #2a2a2a !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-widget-body {
  padding: 8px 0 4px !important;
}

/* Section rails — flush charcoal; overdue = rose text + outline count */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group {
  margin-bottom: 12px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group:last-child {
  margin-bottom: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group-title {
  background: #141414 !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  margin-bottom: 4px !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group-title .count {
  background: transparent !important;
  background-image: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 999px !important;
  padding: 1px 7px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group-title.overdue {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-group-title.overdue .count {
  background: transparent !important;
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
  border-color: rgba(191, 97, 106, 0.45) !important;
}

/* List rows — kill nested gray-50 cards */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 8px 10px 10px !important;
  min-height: 44px !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(240, 240, 240, 0.06) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background 0.12s ease !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item--overdue {
  border-left: 2px solid #bf616a !important;
  padding-left: 8px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:focus-within {
  background: #2a2a2a !important;
  background-image: none !important;
  border-color: transparent !important;
  border-bottom-color: rgba(240, 240, 240, 0.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item--overdue:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item--overdue:focus-within {
  border-left-color: #bf616a !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-title,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-title-text {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  margin-bottom: 2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-title-ico,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-title-ico .cc-svg-ico {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta--overdue,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta[style*="#dc2626"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta[style*="color: #dc2626"] {
  color: #bf616a !important;
  -webkit-text-fill-color: #bf616a !important;
}

/* Contact name — nord link (beat inline #6366f1 indigo) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-contact,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta span[style*="#6366f1"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-meta span[style*="color:#6366f1"] {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:hover .cc-task-contact,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:focus-within .cc-task-contact {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

/* Row Edit — nord quiet hover-reveal (never amber/gold; page Edit owns gold) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-edit-btn {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.12) !important;
  border-radius: 6px !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  box-shadow: none !important;
  opacity: 0 !important;
  transform: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:hover .cc-task-edit-btn,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-item:focus-within .cc-task-edit-btn {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-task-edit-btn:hover {
  background: #2a2a2a !important;
  border-color: rgba(129, 161, 193, 0.45) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  transform: none !important;
}

@media (hover: none) {
  html[data-theme="dark"] body[data-theme="momentum"]
    .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
    .cc-widget-card[data-widget-id="tasks"] .cc-task-edit-btn {
    opacity: 1 !important;
  }
}

/* LinkedIn queue banner — charcoal + nord (beat light blue gradient) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-linkedin-queue-banner {
  background: #1a1a1a !important;
  background-image: none !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 0 !important;
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-linkedin-queue-banner .btn,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] #ccLinkedInQueueBtn {
  background: transparent !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.35) !important;
  box-shadow: none !important;
}

/* Empty — muted copy, no sparkles tile */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-empty {
  text-align: left !important;
  padding: 12px 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(240, 240, 240, 0.06) !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-empty-icon {
  display: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-empty-title {
  color: #b0b0b0 !important;
  -webkit-text-fill-color: #b0b0b0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell[data-view="analytics"] #analyticsWrap .commandCenter
  .cc-widget-card[data-widget-id="tasks"] .cc-empty-text {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   v188 — People list layout toggle: selected view must be obvious
   Earlier demote-to-ghost pass (opacity 0.72 + transparent active fill) made
   List/Card/Spreadsheet/LinkedIn nearly identical. Active = charcoal chip +
   nord icon + soft nord border — never gold, never indigo wash.
   Scope: #priorityLegend .contact-list-layout-toggle / density toggle.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-list-layout-toggle,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .priority-layout-toggle-icon-only,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-spreadsheet-density-toggle {
  opacity: 1 !important;
  background: rgba(240, 240, 240, 0.04) !important;
  border: 1px solid rgba(240, 240, 240, 0.08) !important;
  border-radius: 8px !important;
  gap: 2px !important;
  padding: 2px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-spreadsheet-density-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  border-radius: 6px !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn .priority-layout-icon-svg,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn svg {
  color: inherit !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn:hover,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-spreadsheet-density-btn:hover {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: transparent !important;
}

/* Selected — charcoal chip + nord icon (readable at a glance) */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn.contact-layout-btn--active,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn[aria-pressed="true"],
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-spreadsheet-density-btn.contact-spreadsheet-density-btn--active {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border: 1px solid rgba(129, 161, 193, 0.45) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn.contact-layout-btn--active .priority-layout-icon-svg,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn[aria-pressed="true"] .priority-layout-icon-svg,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn.contact-layout-btn--active svg,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn[aria-pressed="true"] svg {
  color: #81a1c1 !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* LinkedIn glyph fills — keep brand fill quiet unless selected */
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn--linkedin:not(.contact-layout-btn--active):not([aria-pressed="true"])
  .priority-layout-icon-svg--linkedin {
  color: #909090 !important;
  -webkit-text-fill-color: #909090 !important;
  fill: currentColor !important;
  stroke: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn--linkedin.contact-layout-btn--active
  .priority-layout-icon-svg--linkedin,
html[data-theme="dark"] body[data-theme="momentum"]
  .app-shell.contacts-v2-view[data-view="contacts"]
  #priorityLegend
  .contact-layout-btn--linkedin[aria-pressed="true"]
  .priority-layout-icon-svg--linkedin {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  fill: currentColor !important;
  stroke: none !important;
}
