/*
 * Dark mode — global settings, dialogs, flyouts, notifications, and helpers.
 * Restrained to portaled roots so printable/public light surfaces are not
 * changed.
 */

html[data-theme="dark"] {
  --primary-50: rgba(129, 161, 193, 0.14);
  --primary-200: rgba(136, 192, 208, 0.28);
  --primary-300: rgba(135, 166, 196, 0.4);
  --surface-subtle: #1e1e1e;
  --surface-elevated: #222222;
  --td-vsg-surface: rgba(24, 24, 24, 0.98);
  --td-vsg-surface-strong: #1a1a1a;
  --td-vsg-border: rgba(240, 240, 240, 0.22);
  --td-vsg-border-strong: rgba(240, 240, 240, 0.34);
  --td-vsg-shadow: 0 18px 48px rgba(0, 0, 0, 0.5);
  --td-vsg-text: #e6e6e6;
  --td-vsg-text-muted: #8a8a8a;
  --td-vsg-hover: #242424;
  --td-vsg-active: rgba(129, 161, 193, 0.2);
}

html[data-theme="dark"] .td-list-options-glass,
html[data-theme="dark"] .td-list-options-glass.actions-menu,
html[data-theme="dark"] .actions-menu,
html[data-theme="dark"] .detail-actions-menu,
html[data-theme="dark"] .dropdown-panel {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .actions-menu-item:hover,
html[data-theme="dark"] .td-list-options-glass button:hover {
  background: #242424 !important;
  color: #f0f0f0 !important;
}

/* Settings and Preferences. */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-mobile-bar,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-sidebar,
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-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: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !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,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal .preferences-toggle:hover {
  background: #1e1e1e !important;
  background-image: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal input,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal textarea,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal select,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal input,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal textarea,
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal select {
  background: #1e1e1e !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
}

/* Settings page heroes and setup progress. */
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 .settings-page-hero,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__mesh {
  background:
    radial-gradient(circle at 20% 10%, rgba(129, 161, 193, 0.12), transparent 42%),
    radial-gradient(circle at 85% 25%, rgba(14, 165, 233, 0.08), transparent 36%) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__title,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-title {
  background: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__eyebrow {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__desc,
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: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-hero__tip {
  background: #222222 !important;
  background-image: none !important;
  color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.3) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-progress-track {
  background: #2a2a2a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-setup-card-pct {
  color: #87a6c4 !important;
}

/* Parts & Services: tab shell, catalog cards, table, and inline light values. */
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: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.18) !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: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn {
  background: transparent !important;
  background-image: none !important;
  color: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-invpay-tablist .contact-detail-tab-btn:hover {
  background: #242424 !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !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: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(136, 192, 208, 0.3) !important;
}
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: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogToolbar .settings-card-body,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList .settings-card-body,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard .settings-card-body,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard .settings-card-header {
  background: transparent !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
}
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"] {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !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: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #servicesCatalogList [style*="background:#f8fbff"] {
  background: #222222 !important;
  color: #8a8a8a !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #svcCatalogSearch,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsSearch {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table thead,
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: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #tdPartsCatalogCard table.settings-table tbody tr:hover td {
  background: #242424 !important;
}

/* Productivity Tools: cards and actions should not become white islands. */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tools-grid {
  background: transparent !important;
  color: #e6e6e6 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-tool-card:hover {
  background: #1e1e1e !important;
  border-color: rgba(136, 192, 208, 0.38) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !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-tool-desc,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-helper {
  color: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
}

/* Settings action hierarchy, including disabled actions shown in the screenshots. */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn:hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn.primary:not(:disabled) {
  background: #2a2a2a !important;
  background-image: linear-gradient(180deg, #6a6a6a 0%, #87a6c4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 4px 12px rgba(129, 161, 193, 0.24) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .btn:disabled {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  box-shadow: none !important;
  opacity: 0.72 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .settings-page-body .settings-btn-danger:not(:disabled) {
  background: #3a2028 !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.32) !important;
}
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: linear-gradient(180deg, #6a6a6a 0%, #87a6c4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 4px 12px rgba(129, 161, 193, 0.24) !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #wsSetupGuidedTrainingInstallBtn:disabled,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #wsSetupSignShopL2cBtn:disabled,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #demoInstallGuidedTrainingBtn:disabled,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [id$="GuidedTrainingInstallBtn"]:disabled {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [data-td-guided-training-launch] {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.26) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal [data-td-guided-training-launch]:hover {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.46) !important;
}
html[data-theme="dark"] #settingsModal #wsSetupGuidedTrainingInstallBtn:disabled,
html[data-theme="dark"] #settingsModal #wsSetupSignShopL2cBtn:disabled,
html[data-theme="dark"] #settingsModal [id$="GuidedTrainingInstallBtn"]:disabled {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
}
html[data-theme="dark"] #settingsModal .settings-card-help-btn,
html[data-theme="dark"] #settingsModal .l2c-feature-help-btn {
  background: #2a2a2a !important;
  background-color: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.38) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] #settingsModal .settings-card-help-btn:hover,
html[data-theme="dark"] #settingsModal .l2c-feature-help-btn:hover {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.58) !important;
}

/* Generic filter cards and quick-add chrome. */
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card,
html[data-theme="dark"] body[data-theme="momentum"] #filterModal .filter-card-header,
html[data-theme="dark"] body[data-theme="momentum"] .quick-add-modal,
html[data-theme="dark"] body[data-theme="momentum"] .quick-add-modal .modalHead,
html[data-theme="dark"] body[data-theme="momentum"] .td-part-quickadd-dialog,
html[data-theme="dark"] body[data-theme="momentum"] .td-part-quickadd-dialog__head {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}

/* Native app alert / confirm / prompt. */
html[data-theme="dark"] .td-app-dialog-panel,
html[data-theme="dark"] .td-app-dialog-header,
html[data-theme="dark"] .td-app-dialog-body,
html[data-theme="dark"] .td-app-dialog-footer,
html[data-theme="dark"] .td-app-dialog-icon {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}
html[data-theme="dark"] .td-app-dialog-input {
  background: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
}

/* Contact snapshot. */
html[data-theme="dark"] .contact-snapshot-modal,
html[data-theme="dark"] .contact-snapshot-modal__header,
html[data-theme="dark"] .contact-snapshot-modal__body,
html[data-theme="dark"] .contact-snapshot-card,
html[data-theme="dark"] [class*="contact-snapshot"] [class*="card"] {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}

/* Activity feed. */
html[data-theme="dark"] #activityFeedPanel,
html[data-theme="dark"] #activityFeedPanel .activity-feed-header,
html[data-theme="dark"] #activityFeedPanel .activity-inbox-item {
  background: #1a1a1a !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
}
html[data-theme="dark"] #activityFeedPanel .activity-inbox-item--unread {
  background: rgba(129, 161, 193, 0.14) !important;
}
html[data-theme="dark"] #activityFeedPanel .activity-inbox-item:hover {
  background: #242424 !important;
}

/* Ask Lite content, not just its shell. */
html[data-theme="dark"] #askLiteRoot .ask-lite-bubble--assistant,
html[data-theme="dark"] #askLiteRoot .ask-lite-bubble--chat,
html[data-theme="dark"] #askLiteRoot .ask-lite-card,
html[data-theme="dark"] #askLiteRoot .ask-lite-chip,
html[data-theme="dark"] #askLiteRoot .ask-lite-help__nav-btn,
html[data-theme="dark"] #askLiteRoot .ask-lite-report,
html[data-theme="dark"] #askLiteRoot .ask-lite-proposal {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}
html[data-theme="dark"] #askLiteRoot table th {
  background: #222222 !important;
  color: #8a8a8a !important;
}
html[data-theme="dark"] #askLiteRoot table td {
  background: #1a1a1a !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.12) !important;
}

/* Help and portaled training controls. */
html[data-theme="dark"] .td-help-overlay .td-help-shell,
html[data-theme="dark"] .td-help-overlay .td-help-main,
html[data-theme="dark"] .td-help-overlay .td-help-card {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}
html[data-theme="dark"] .td-help-overlay button:not(.primary) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

/* Portaled inline light styles emitted by older UI renderers. */
html[data-theme="dark"] :is(
  .backdrop,
  #settingsModal,
  #userPreferencesModal,
  .td-help-overlay,
  .td-app-dialog-host,
  #activityFeedPanel,
  #__leadFinderPage
) [style*="background:#fff"],
html[data-theme="dark"] :is(
  .backdrop,
  #settingsModal,
  #userPreferencesModal,
  .td-help-overlay,
  .td-app-dialog-host,
  #activityFeedPanel,
  #__leadFinderPage
) [style*="background: #fff"],
html[data-theme="dark"] :is(
  .backdrop,
  #settingsModal,
  #userPreferencesModal,
  .td-help-overlay,
  .td-app-dialog-host,
  #activityFeedPanel,
  #__leadFinderPage
) [style*="background:#f8fafc"] {
  background: #1a1a1a !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .backdrop,
  #settingsModal,
  #userPreferencesModal,
  .td-help-overlay,
  .td-app-dialog-host,
  #activityFeedPanel,
  #__leadFinderPage
) [style*="color:#0f172a"],
html[data-theme="dark"] :is(
  .backdrop,
  #settingsModal,
  #userPreferencesModal,
  .td-help-overlay,
  .td-app-dialog-host,
  #activityFeedPanel,
  #__leadFinderPage
) [style*="color: #0f172a"] {
  color: #f0f0f0 !important;
}

/* Ask Lite's initial prompt examples render outside the card selector above. */
html[data-theme="dark"] #askLiteRoot .ask-lite-empty,
html[data-theme="dark"] #askLiteRoot .ask-lite-empty__examples,
html[data-theme="dark"] #askLiteRoot .ask-lite-empty__examples li {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-empty__examples strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

/* Platform-operator context remains obvious without a neon footer in dark mode. */
html[data-theme="dark"] body #totaldeal-platform-support-banner {
  background: #3b2f16 !important;
  color: #fde68a !important;
  border-top: 1px solid rgba(251, 191, 36, 0.28) !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body #totaldeal-platform-support-exit {
  background: #5a4516 !important;
  color: #fef3c7 !important;
  border: 1px solid rgba(251, 191, 36, 0.34) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .mm-styled-select__menu,
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal .mm-styled-select__option {
  background: #222222 !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal #settingsGuidedTrainingBtn.settings-guided-training-btn {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.38) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal :is(
  .mm-styled-select__value,
  .settings-help-btn__glyph
) {
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
}

/* Quick Add modal styled-selects (Lead from, Assigned to, Playbook, Deal type,
   Deal stage, Email template). The momentum base paints the trigger with a white
   gradient + navy text, which leaked into dark mode. The trigger + value + chevron
   live inside the modal; the dropdown panel is portaled under <body>, so it is
   themed globally below. */
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-modal .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .mm-styled-select__trigger {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-modal .mm-styled-select__trigger:hover,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .mm-styled-select__trigger:hover {
  border-color: rgba(136, 192, 208, 0.4) !important;
  background: #222222 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-modal .mm-styled-select--open .mm-styled-select__trigger,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .mm-styled-select--open .mm-styled-select__trigger {
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-modal :is(.mm-styled-select__value, .mm-styled-select__chevron),
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop :is(.mm-styled-select__value, .mm-styled-select__chevron) {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-modal .mm-styled-select__chevron,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop .mm-styled-select__chevron {
  opacity: 0.85 !important;
}

/* Portaled dropdown panel (rendered under <body>) shared by all dark styled-selects. */
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border: 1px solid rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel .mm-styled-select__option {
  background: transparent !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel .mm-styled-select__option:hover,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel .mm-styled-select__option:focus,
html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel .mm-styled-select__option[aria-selected="true"] {
  background: #1e1e1e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .mm-styled-select__panel .mm-styled-select__option--disabled {
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
}

/* Persistent quick-start and Ask helpers appear on every workspace. */
html[data-theme="dark"] .td-getting-started-fab :is(
  .td-gsf-title,
  .td-gsf-sub,
  .td-gsf-emoji
) {
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
}

html[data-theme="dark"] #askLiteRoot :is(
  .ask-lite-shelf__help,
  .ask-lite-help-link
) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] .td-app-dialog-message {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] .td-app-dialog-btn.td-app-dialog-btn--ghost {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-action-queue__item {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-action-queue__item:hover {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.38) !important;
}

/* Settings and Quick Add embedded modes must honor the saved theme. */
html[data-theme="dark"][data-td-settings-embed="1"],
html[data-theme="dark"][data-td-settings-embed="1"] body,
html[data-theme="dark"][data-td-settings-embed="1"] #settingsModal,
html[data-theme="dark"][data-td-settings-embed="1"] #settingsEmbedBoot,
html[data-theme="dark"][data-td-quick-add-embed="1"],
html[data-theme="dark"][data-td-quick-add-embed="1"] body {
  background: #181818 !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  color-scheme: dark;
}

html[data-theme="dark"][data-td-settings-embed="1"] .settings-modal-v2 .settings-nav-item.active {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

/* Create menu: shell was dark, but its action tiles were not. */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal :is(
  .composeCard,
  .composeCard.composeCard--context,
  .composeHeroSwapMenu,
  .composeHeroSwapOption
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal :is(
  .composeCard,
  .composeHeroSwapOption
):hover {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.42) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeIcon {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
}

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

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeSub {
  color: #a0a0a0 !important;
}

/* Create modal lede ("What are you doing right now?"). */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeLede {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

/* "More ways to create" toggle bar — the light build paints a white glass
   gradient + white border with navy text, which glared in dark mode. */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle:hover {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(136, 192, 208, 0.42) !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: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreToggle__chev {
  border-right-color: #9a9a9a !important;
  border-bottom-color: #9a9a9a !important;
}

/* Section labels ("Organization & person", "Projects & billing"). */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeMoreLabel {
  color: #87a6c4 !important;
  -webkit-text-fill-color: #87a6c4 !important;
}

/* "Swap" pill on the third hero card. */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.34) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeHeroSwap:hover {
  background: #1e1e1e !important;
  color: #2a2a2a !important;
  -webkit-text-fill-color: #2a2a2a !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

/* "Suggested" badge. */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .composeBadge {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.38) !important;
}

/* Header close (X) button — glass head icon buttons default to white gradient. */
html[data-theme="dark"] body[data-theme="momentum"] #composeModal .td-glass-modal__head :is(.iconBtn, .td-glass-modal__icon-btn) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !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: #1e1e1e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

/* Guided training and quiz content. */
html[data-theme="dark"] body[data-theme="momentum"] :is(
  .td-guided-training-overlay,
  .td-qag-quiz,
  .td-qag-read-progress
) {
  background: #181818 !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] :is(
  .td-qag-quiz__title,
  .td-qag-quiz__instr,
  .td-qag-quiz__q-label
) {
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-qag-quiz__opt {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
}

/* Shared criteria popovers and active-filter drawers. */
html[data-theme="dark"] body[data-theme="momentum"] :is(
  .list-options-criteria-summary-popover,
  .list-options-criteria-summary-popover-body,
  .filter-chips-section,
  .saved-filters-section,
  .saved-filters-dropdown
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] :is(
  .filter-chips-add-btn,
  .saved-filters-trigger
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
}

/* Preferences, Quick Add, relationship editor, and mobile composer. */
html[data-theme="dark"] body[data-theme="momentum"] #userPreferencesModal :is(
  .pref-signature-editor-wrap,
  .ql-container,
  .ql-editor,
  .ql-picker-options
),
html[data-theme="dark"] body[data-theme="momentum"] :is(
  .quick-add-body,
  .td-part-quickadd-dialog__body,
  .td-part-quickadd__head,
  .td-part-quickadd__image-card,
  .fme-email-composer-backdrop,
  #addRelationshipBackdrop .relationship-editor-form,
  #addRelationshipBackdrop .relationship-editor-quickadd
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
}

/* Settings/admin legacy inline islands and portaled editor dialogs. */
html[data-theme="dark"] body[data-theme="momentum"] #settingsModal :is(
  [style*="background:#ffffff"],
  [style*="background: #ffffff"],
  [style*="background:#f8fbff"],
  [style*="background:#fcfdff"],
  [style*="background:#f1f5f9"],
  [style*="background:white"],
  [style*="background: white"]
) {
  background: #1a1a1a !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #settingsModal :is(
  [style*="color:#0f172a"],
  [style*="color:#334155"],
  [style*="color:#475569"],
  [style*="color:#64748b"]
) {
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
}

@media (prefers-reduced-transparency: reduce) {
  html[data-theme="dark"] .td-glass-modal-backdrop .td-glass-modal,
  html[data-theme="dark"] .td-glass-modal-backdrop .td-glass-modal__panel {
    background: #1a1a1a !important;
    background-image: none !important;
    color: #dcdcdc !important;
  }
}

/* First paint and global navigation chrome. */
html[data-theme="dark"] :is(
  #bootSplash,
  #bootRecovery,
  .folderPane,
  #mobileNav,
  #navMoreMenu,
  #userMenuDropdown
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #mobileNav .mobile-nav-btn {
  background: transparent !important;
  color: #8a8a8a !important;
}

html[data-theme="dark"] #mobileNav .mobile-nav-btn.active {
  background: #2a2a2a !important;
  color: #f0f0f0 !important;
}

/* Send document wizard, Step 2 (Prepare). Keep these overrides stage-scoped so
   the separate document-picker work and light theme retain their own styling. */
html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__wizard-badge {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(96, 165, 250, 0.38) !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) :is(
  .td-doc-create-chooser__wizard-label,
  .td-doc-create-chooser__deliver-summary-label,
  .td-doc-create-chooser__prepare-card-title
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__deliver-summary {
  background: #222222 !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) :is(
  .td-doc-create-chooser__deliver-summary-kicker,
  .td-doc-create-chooser__prepare-lede,
  .td-doc-create-chooser__prepare-card-desc
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__deliver-summary-change {
  background: transparent !important;
  color: #87a6c4 !important;
  -webkit-text-fill-color: #87a6c4 !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__deliver-summary-change:hover:not(:disabled) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__deliver-summary-change:focus-visible {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  outline: 2px solid #87a6c4 !important;
  outline-offset: 3px !important;
  border-radius: 3px;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__prepare-card {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__prepare-card:hover:not(:disabled) {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.48) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__prepare-card:focus-visible {
  background: #242424 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: 2px solid #87a6c4 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(129, 161, 193, 0.2) !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) :is(
  .td-doc-create-chooser__prepare-card:disabled,
  .td-doc-create-chooser__deliver-summary-change:disabled
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.78 !important;
}

html[data-theme="dark"] .td-doc-create-chooser [data-send-wizard-prepare-step]:not([hidden]) .td-doc-create-chooser__prepare-card:disabled :is(
  .td-doc-create-chooser__prepare-card-title,
  .td-doc-create-chooser__prepare-card-desc
) {
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
}

html[data-theme="dark"] .td-doc-create-chooser-backdrop:has([data-send-wizard-prepare-step]:not([hidden])) .td-glass-modal__head :is(
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.34) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .td-doc-create-chooser-backdrop:has([data-send-wizard-prepare-step]:not([hidden])) .td-glass-modal__head :is(
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(135, 166, 196, 0.52) !important;
}

html[data-theme="dark"] .td-doc-create-chooser-backdrop:has([data-send-wizard-prepare-step]:not([hidden])) .td-glass-modal__head :is(
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
):focus-visible {
  background: #2e2e2e !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: 2px solid #87a6c4 !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] .td-doc-create-chooser-backdrop:has([data-send-wizard-prepare-step]:not([hidden])) .td-glass-modal__head :is(
  .td-doc-create-chooser__help,
  .td-doc-create-chooser__close
):disabled {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.78 !important;
}

/* Document composer Save As. The dialog is rendered directly under body with
   legacy light inline styles, so every override stays inside its named shell. */
html[data-theme="dark"] .composer-save-as-backdrop {
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color-scheme: dark;
}

html[data-theme="dark"] .composer-save-as-dialog {
  background: #1a1a1a !important;
  background-image: linear-gradient(180deg, #1e1e1e 0%, #181818 100%) !important;
  color: #dcdcdc !important;
  border: 1px solid rgba(240, 240, 240, 0.24) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-title {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-instructions,
  .composer-save-as-choice > div > div:last-child,
  .composer-save-as-template-help
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-instructions strong {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-section-label,
  #exportDestLabel,
  #exportTemplateOptions label > span
) {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-choice,
html[data-theme="dark"] .composer-save-as-dialog #exportDestGroup > label {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-choice,
  #exportDestGroup > label
):hover {
  background: #242424 !important;
  border-color: rgba(135, 166, 196, 0.46) !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-choice,
  #exportDestGroup > label
):has(input:focus-visible) {
  background: #242424 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: 2px solid #87a6c4 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(129, 161, 193, 0.2) !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-choice,
  #exportDestGroup > label
):has(input:checked) {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(136, 192, 208, 0.18) !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-choice,
  #exportDestGroup > label
):has(input:disabled) {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.14) !important;
  color: #7a7a7a !important;
  cursor: not-allowed !important;
  opacity: 0.72 !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-choice__title,
html[data-theme="dark"] .composer-save-as-dialog #exportDestGroup > label > div > div:first-child {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  .composer-save-as-choice,
  #exportDestGroup > label
):has(input:checked) :is(
  .composer-save-as-choice__title,
  div > div:first-child
) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-recommended {
  background: #2a2a2a !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  border: 1px solid rgba(74, 222, 128, 0.22);
}

html[data-theme="dark"] .composer-save-as-dialog input:is([type="radio"], [type="checkbox"]) {
  accent-color: #87a6c4 !important;
  color-scheme: dark;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameInput,
html[data-theme="dark"] .composer-save-as-dialog #exportTemplateCategory {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.38) !important;
  caret-color: #88c0d0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameInput::placeholder {
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  #exportNameInput,
  #exportTemplateCategory
):hover:not(:disabled) {
  border-color: rgba(135, 166, 196, 0.58) !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  #exportNameInput,
  #exportTemplateCategory
):focus-visible {
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: 2px solid #87a6c4 !important;
  outline-offset: 1px !important;
  box-shadow: 0 0 0 4px rgba(129, 161, 193, 0.2) !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameInput::selection {
  background: #2a2a2a;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

html[data-theme="dark"] .composer-save-as-dialog #exportFilePreviewRow {
  color: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportFilePreview {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-template-card {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.26) !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-template-card:has(#exportSaveAsTemplateChk:checked) {
  background: #1e1e1e !important;
  border-color: rgba(136, 192, 208, 0.52) !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-template-card:has(#exportSaveAsTemplateChk:focus-visible) {
  outline: 2px solid #87a6c4 !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] .composer-save-as-dialog .composer-save-as-template-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportTemplateOptions {
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameCancel {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameCancel:hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.52) !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameConfirm:not(:disabled) {
  background: linear-gradient(180deg, #87a6c4 0%, #87a6c4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 6px 18px rgba(129, 161, 193, 0.32) !important;
}

html[data-theme="dark"] .composer-save-as-dialog #exportNameConfirm:hover:not(:disabled) {
  background: linear-gradient(180deg, #8a8a8a 0%, #6a6a6a 100%) !important;
  box-shadow: 0 8px 22px rgba(129, 161, 193, 0.42) !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  #exportNameCancel,
  #exportNameConfirm
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] .composer-save-as-dialog :is(
  #exportNameCancel,
  #exportNameConfirm,
  #exportNameInput,
  #exportTemplateCategory
):disabled {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.78 !important;
}

/* AI document draft/type chooser. Its component styles are injected at
   runtime, so these theme-scoped rules deliberately carry higher specificity. */
html[data-theme="dark"] .ai-doc-backdrop {
  background: rgba(0, 0, 0, 0.72) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-drawer,
html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-drawer-header,
  .ai-doc-drawer-body,
  .ai-doc-drawer-footer
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
}

html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-drawer-title,
  .ai-doc-section-title,
  .ai-doc-type-card-label,
  .ai-doc-module-label,
  .ai-doc-details-toggle > summary
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-drawer-sub,
  .ai-doc-muted,
  .ai-doc-type-card-desc,
  .ai-doc-module-panel-title,
  .ai-doc-module-desc,
  .ai-doc-mini-title,
  .ai-doc-label,
  .ai-doc-list,
  .ai-doc-context-snippet
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-type-card,
  .ai-doc-module-row,
  .ai-doc-input,
  .ai-doc-chip,
  .ai-doc-context-snippet,
  .ai-doc-details-toggle
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-module-panel,
  .ai-doc-quick-panel,
  .ai-doc-details-body,
  .ai-doc-refine-box
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-type-card:hover,
html[data-theme="dark"] .ai-doc-backdrop .ai-doc-module-row:hover,
html[data-theme="dark"] .ai-doc-backdrop .ai-doc-chip:hover {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.56) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-type-card--active {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 0 0 2px rgba(136, 192, 208, 0.22) !important;
}

html[data-theme="dark"] .ai-doc-backdrop :is(
  .ai-doc-type-card,
  .ai-doc-module-row,
  .ai-doc-chip,
  .ai-doc-icon-btn,
  .ai-doc-drawer-footer .btn
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-input:focus {
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.2) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-icon-btn {
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-icon-btn:hover {
  background: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-drawer-footer .btn {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.34) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-drawer-footer .btn:hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-drawer-footer [data-ai-primary] {
  background: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-drawer-footer .btn:disabled {
  background: #1e1e1e !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  opacity: 0.8 !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-error {
  background: #3b1d27 !important;
  color: #fecdd3 !important;
  border-color: rgba(251, 113, 133, 0.42) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-legal-banner {
  background: #382b18 !important;
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, 0.4) !important;
}

html[data-theme="dark"] .ai-doc-backdrop .ai-doc-success {
  background: #2a2a2a !important;
  color: #bbf7d0 !important;
  border-color: rgba(74, 222, 128, 0.36) !important;
}

/* Composer template loader. The explicit hook prevents these overrides from
   leaking into unrelated legacy modals. */
html[data-theme="dark"] .document-template-dialog .document-template-dialog__panel,
html[data-theme="dark"] .document-template-dialog :is(.modalHead, .modalBody, .modalFoot) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .document-template-dialog .modalTitle,
html[data-theme="dark"] .document-template-dialog .document-template-dialog__title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] .document-template-dialog :is(
  label,
  .document-template-dialog__meta,
  .document-template-dialog__empty
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] .document-template-dialog :is(
  #templateCategoryFilter,
  .document-template-dialog__item,
  .document-template-dialog__empty
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .document-template-dialog #templateCategoryFilter {
  color-scheme: dark !important;
}

html[data-theme="dark"] .document-template-dialog .document-template-dialog__item:hover {
  background: #222222 !important;
  border-color: rgba(136, 192, 208, 0.42) !important;
}

html[data-theme="dark"] .document-template-dialog :is(
  .iconBtn,
  .document-template-dialog__actions .btn,
  #loadCancel
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.32) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .document-template-dialog :is(
  .iconBtn,
  .document-template-dialog__actions .btn,
  #loadCancel
):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.48) !important;
}

html[data-theme="dark"] .document-template-dialog :is(
  .iconBtn,
  .document-template-dialog__actions .btn,
  #loadCancel,
  #templateCategoryFilter
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

/* Header account menu: do not inherit the light seaglass glow/text-fill.
   Keep this ID-scoped because td-list-options-glass is shared by other menus. */
html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown.header-user-dropdown {
  background: #1a1a1a !important;
  background-image: linear-gradient(165deg, #1e1e1e 0%, #1e1e1e 100%) !important;
  border: 1px solid rgba(240, 240, 240, 0.3) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 18px 42px rgba(0, 0, 0, 0.52) !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown.header-user-dropdown.open {
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown :is(
  .user-menu-header,
  .user-menu-email,
  .user-menu-item,
  .user-menu-item > span,
  .user-menu-icon,
  .user-menu-icon svg
) {
  filter: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-email {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-divider {
  background: rgba(240, 240, 240, 0.24) !important;
  background-image: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-item {
  background: transparent !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-icon svg {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-item:hover {
  background: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-item:hover :is(.user-menu-icon, .user-menu-icon svg) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-item:focus-visible {
  background: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  outline: 2px solid #88c0d0 !important;
  outline-offset: -2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown .user-menu-item:active {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown #authBtn.is-destructive {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown #authBtn.is-destructive .user-menu-icon,
html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown #authBtn.is-destructive .user-menu-icon svg {
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuDropdown #authBtn.is-destructive:is(:hover, :focus-visible, :active) {
  background: rgba(127, 29, 29, 0.42) !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}

html[data-theme="dark"] body[data-theme="momentum"] #userMenuBtn.header-avatar-btn:focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

/* Deal meeting recap composer (portaled beneath body). */
html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.56) !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__head,
  .deal-meeting-intel__body,
  .deal-meeting-intel__foot
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__title,
  .deal-meeting-intel__recap-examples-label
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__head-sub,
  .deal-meeting-intel__lead,
  .deal-meeting-intel__paste-hint
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__recap-examples,
  .deal-meeting-intel__paste-card
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal .deal-meeting-intel__textarea {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  caret-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.38) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal .deal-meeting-intel__textarea::placeholder {
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal .deal-meeting-intel__textarea:hover:not(:disabled) {
  border-color: rgba(135, 166, 196, 0.58) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal .deal-meeting-intel__textarea:focus {
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__close,
  .deal-meeting-intel__paste-actions .btn,
  .deal-meeting-intel__foot .btn:not(.primary)
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.32) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__close,
  .deal-meeting-intel__paste-actions .btn,
  .deal-meeting-intel__foot .btn:not(.primary)
):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal .deal-meeting-intel__foot .btn.primary {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .deal-meeting-intel-modal :is(
  .deal-meeting-intel__close,
  .deal-meeting-intel__textarea,
  .deal-meeting-intel__paste-actions .btn,
  .deal-meeting-intel__foot .btn
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

/* Parts & Services picker used by Deal Financials and invoice line items. */
html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-overlay .td-parts-lookup-dialog {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.58) !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog > div:first-child,
html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-scroll,
html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-list {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog :is(
  h3,
  .td-parts-lookup-row > div:last-child > div:first-child > span:first-child
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog :is(
  p,
  .td-picker-key-hint,
  .td-parts-lookup-count
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-picker-tab {
  background: #222222 !important;
  background-image: none !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-picker-tab:hover {
  background: #1e1e1e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-picker-tab.td-picker-tab--active {
  background: #1e1e1e !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(135, 166, 196, 0.48) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-search {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  caret-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.38) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-search::placeholder {
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-search:focus {
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row:hover {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row[aria-selected="true"] {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(136, 192, 208, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row:focus-visible {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: 2px solid #88c0d0 !important;
  outline-offset: -2px !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row > div:first-child {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(240, 240, 240, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row > div:last-child > div:first-child > span:not(:first-child) {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border: 1px solid rgba(136, 192, 208, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row :is(
  [style*="color:var(--text-secondary"],
  [style*="color: var(--text-secondary"]
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-row strong {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-parts-lookup-footer,
html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-svc-insert-strip {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #a8a8a8 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-svc-insert-body {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog :is(
  .td-parts-lookup-close,
  .td-parts-lookup-new-part,
  .td-svc-back-btn
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog :is(
  .td-parts-lookup-close,
  .td-parts-lookup-new-part,
  .td-svc-back-btn
):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog .td-svc-insert-btn {
  background: #2a2a2a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .td-parts-lookup-dialog :is(
  .td-picker-tab,
  .td-parts-lookup-close,
  .td-parts-lookup-new-part,
  .td-svc-back-btn,
  .td-svc-insert-btn
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

/* Add/Edit line item dialog rendered outside #dealWorkspaceMount. */
html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item,
html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-header,
  .deal-modal-body,
  .deal-modal-footer
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.58) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  h3,
  .deal-modal-field label,
  .dli-preview-value
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-input,
  .deal-modal-select,
  .deal-modal-textarea
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  caret-color: #88c0d0 !important;
  border-color: rgba(240, 240, 240, 0.38) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-input,
  .deal-modal-textarea
)::placeholder {
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-input,
  .deal-modal-select,
  .deal-modal-textarea
):hover:not(:disabled) {
  border-color: rgba(135, 166, 196, 0.58) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-input,
  .deal-modal-select,
  .deal-modal-textarea
):focus {
  border-color: rgba(240, 240, 240, 0.22) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-input,
  .deal-modal-select,
  .deal-modal-textarea
):disabled {
  background: #1e1e1e !important;
  color: #7a7a7a !important;
  -webkit-text-fill-color: #7a7a7a !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  opacity: 0.8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .dli-preview-box,
  .dli-errors
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .dli-field-hint,
  .dli-preview-label
) {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-close,
  .deal-action-btn:not(.deal-action-primary):not(.deal-action-danger)
) {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.32) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-close,
  .deal-action-btn:not(.deal-action-primary):not(.deal-action-danger)
):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item .deal-action-primary {
  background: #2a2a2a !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item .deal-action-danger {
  background: #3a2028 !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .dli-modal-backdrop .deal-modal--line-item :is(
  .deal-modal-close,
  .deal-action-btn
):focus-visible {
  outline: 2px solid #88c0d0 !important;
  outline-offset: 2px !important;
}

/* Ask Lite: chips, shelf input, saved segments, record links (after ask-lite-panel.css). */
html[data-theme="dark"] #askLiteRoot :is(
  .ask-lite-saved-segment__open,
  .ask-lite-filter-chip--editable,
  .ask-close-gap,
  .ask-lite-shelf__input,
  .ask-lite-open-btn,
  .ask-lite-record-link
) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-filter-chip:not(.ask-lite-filter-chip--editable) {
  background: rgba(129, 161, 193, 0.18) !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] #askLiteRoot :is(
  .ask-lite-filter-chip__prefix,
  .ask-lite-filter-chip__input,
  .ask-lite-open-btn,
  .ask-lite-record-link
) {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-filter-chip__input {
  background: transparent !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

html[data-theme="dark"] #askLiteRoot .ask-close-gap--high {
  background: rgba(127, 29, 29, 0.28) !important;
  border-color: rgba(248, 113, 113, 0.3) !important;
  color: #fecaca !important;
}

html[data-theme="dark"] #askLiteRoot .ask-close-gap__detail {
  color: #dcdcdc !important;
}

html[data-theme="dark"] #askLiteRoot .ask-close-gap__citation {
  color: #8a8a8a !important;
}

html[data-theme="dark"] #askLiteRoot :is(
  .ask-lite-saved-segment__open:hover,
  .ask-lite-open-btn:hover,
  .ask-lite-record-link:hover,
  .ask-lite-filter-chip__remove:hover
) {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-shelf__input:focus {
  border-color: rgba(136, 192, 208, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(129, 161, 193, 0.2) !important;
}

html[data-theme="dark"] #askLiteRoot .ask-lite-shelf__input::placeholder {
  color: #8a8a8a !important;
  -webkit-text-fill-color: #8a8a8a !important;
}

/* LinkedIn outreach / queue dialogs (companion to li-desk). */
html[data-theme="dark"] body[data-theme="momentum"] :is(
  .li-outreach-panel,
  .li-desk-help-dialog,
  .li-outreach-queue,
  .li-outreach-queue__table
) {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] :is(
  .li-outreach-panel__title,
  .li-outreach-panel__head,
  .li-desk-help-dialog h2,
  .li-desk-help-dialog h3
) {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] :is(
  .li-outreach-panel__subtitle,
  .li-outreach-panel__warn
) {
  color: #fde68a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-panel__warn {
  background: rgba(120, 53, 15, 0.34) !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-panel__close,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-panel button:not(.primary):not(.btn-primary) {
  background: #2a2a2a !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__table tr.is-missing-li {
  background: rgba(120, 53, 15, 0.28) !important;
}

/* Inline LinkedIn connect queue (Contacts → LinkedIn layout). The light build
   uses white/#fafafa toolbars, a white table, and navy headings that all leaked
   into dark mode. Repaint the whole surface. */
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue.li-outreach-queue--inline,
html[data-theme="dark"] body[data-theme="momentum"] .contact-list.contact-list--linkedin-queue {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__head,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__toolbar,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__desk-bar,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__foot {
  background: #1e1e1e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__title,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__empty-title {
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__subtitle,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__filter,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__desk-cap,
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__empty {
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__hint {
  color: #87a6c4 !important;
  -webkit-text-fill-color: #87a6c4 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__hint strong {
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__help-btn {
  background: #1e1e1e !important;
  color: #88c0d0 !important;
  -webkit-text-fill-color: #88c0d0 !important;
  border-color: rgba(136, 192, 208, 0.34) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__help-btn:hover {
  background: #1e1e1e !important;
  color: #2a2a2a !important;
  -webkit-text-fill-color: #2a2a2a !important;
  border-color: rgba(135, 166, 196, 0.5) !important;
}

/* Table surfaces. */
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__table th {
  background: #1e1e1e !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  border-bottom-color: rgba(240, 240, 240, 0.24) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__table td {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-bottom-color: rgba(240, 240, 240, 0.14) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__preview {
  color: #9a9a9a !important;
  -webkit-text-fill-color: #9a9a9a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__table tr.is-opened {
  background: #1e1e1e !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__table tbody tr:hover {
  background: #222222 !important;
}

/* Row action buttons: Open & copy (primary), Copy (ghost), Done (success). */
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn.primary {
  background: #81a1c1 !important;
  background-image: none !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: #81a1c1 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn.primary:hover:not(:disabled) {
  background: #81a1c1 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn:not(.primary):not(.li-outreach-queue__done) {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #dcdcdc !important;
  -webkit-text-fill-color: #dcdcdc !important;
  border-color: rgba(240, 240, 240, 0.3) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn:not(.primary):not(.li-outreach-queue__done):hover:not(:disabled) {
  background: #2e2e2e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: rgba(135, 166, 196, 0.45) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn.li-outreach-queue__done:not(.primary):not(.btn-primary),
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__done {
  background: #242424 !important;
  background-image: none !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__actions .btn.li-outreach-queue__done:not(.primary):not(.btn-primary):hover:not(:disabled) {
  background: #2e2e2e !important;
  border-color: rgba(52, 211, 153, 0.55) !important;
}

/* Desk-bar start button when disabled reads too bright otherwise. */
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__desk-bar .btn.primary:disabled {
  background: #1e1e1e !important;
  color: #81a1c1 !important;
  -webkit-text-fill-color: #81a1c1 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  opacity: 1 !important;
}

/* Filter checkbox. */
html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-queue__filter input[type="checkbox"] {
  accent-color: #87a6c4 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .li-outreach-panel :is(input, textarea, select) {
  background: #1e1e1e !important;
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
}

html[data-theme="dark"][data-td-quick-add-embed="1"] .quick-lead-backdrop.td-quick-add-embed-backdrop,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop.td-quick-add-embed-backdrop {
  background: rgba(0, 0, 0, 0.72) !important;
  background-image: none !important;
}

html[data-theme="dark"][data-td-quick-add-embed="1"] .quick-lead-backdrop.td-quick-add-embed-backdrop .modal,
html[data-theme="dark"] body[data-theme="momentum"] .quick-lead-backdrop.td-quick-add-embed-backdrop .modal {
  background: #1a1a1a !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}