/*
 * Home / Command Center dark mode.
 * Loaded after Momentum and the feature styles so explicit light dashboard
 * surfaces cannot override the user's color preference.
 */

/* ── Canvas and alert strip ─────────────────────────────────── */
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: #181818 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  color-scheme: dark;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-header {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-title {
  color: #f0f0f0 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle {
  color: #8a8a8a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-strip-dismiss {
  background: transparent !important;
  color: #8a8a8a !important;
  border-color: transparent !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-subtitle-pill {
  background: #242424 !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.26) !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,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--no-next-step {
  background: rgba(127, 29, 29, 0.34) !important;
  color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.34) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--missing-close {
  background: rgba(120, 53, 15, 0.34) !important;
  color: #fcd34d !important;
  border-color: rgba(251, 191, 36, 0.34) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-subtitle-pill--pipeline-forecast {
  background: rgba(30, 64, 175, 0.28) !important;
  color: #87a6c4 !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
}

/* ── Search / view toolbar ──────────────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection.filters-modern.list-toolbar-strip {
  --list-toolbar-view-settings-idle-fill: #1e1e1e;
  background: #1a1a1a !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !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 {
  background: transparent !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input {
  background: #1e1e1e !important;
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  -webkit-text-fill-color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #ccFiltersSection #ccSearchInput.filter-search-input:focus {
  background: #222222 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 0 0 3px rgba(136, 192, 208, 0.2) !important;
}

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 {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.28) !important;
  box-shadow: none !important;
}

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: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

/* ── Main Home tabs and layout controls ─────────────────────── */
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: #1a1a1a !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"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab {
  background: transparent !important;
  background-image: none !important;
  color: #8a8a8a !important;
  border-color: rgba(240, 240, 240, 0.1) !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: rgba(255, 255, 255, 0.05) !important;
  color: #c6c6c6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab.active {
  background: #242424 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-view-tabs-strip .gmail-tab.active::after {
  background: #2a2a2a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .gmail-tab-count {
  background: #2e2e2e !important;
  color: #c6c6c6 !important;
}

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 {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.24) !important;
  box-shadow: none !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 {
  background: #242424 !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-layout-edit-banner {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(96, 165, 250, 0.3) !important;
}

/* ── KPI 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 {
  background: transparent !important;
  color: #f0f0f0 !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 {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-label,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-kpi-sub {
  color: #8a8a8a !important;
  text-shadow: none !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;
  text-shadow: none !important;
}

/* ── Widget cards and their contents ────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-card:hover {
  background: #1e1e1e !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-header {
  background: #222222 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-title {
  color: #f0f0f0 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-widget-body {
  background: #1a1a1a !important;
  color: #c6c6c6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-linkedin-queue-banner {
  background: linear-gradient(135deg, #1e1e1e 0%, #181818 100%) !important;
  color: #88c0d0 !important;
  border-color: rgba(96, 165, 250, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 8px 18px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-linkedin-queue-banner > div {
  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-linkedin-queue-banner #ccLinkedInQueueBtn {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
  border-color: rgba(147, 197, 253, 0.38) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-linkedin-queue-banner #ccLinkedInQueueBtn:hover {
  background: #1e1e1e !important;
  border-color: rgba(147, 197, 253, 0.62) !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: rgba(129, 161, 193, 0.18) !important;
  background-image: none !important;
  color: #88c0d0 !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 {
  color: #88c0d0 !important;
  background: transparent !important;
}

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-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-timeline-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-rep-stage-row,
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-health-item,
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-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 {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-create-item:hover,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-calendar-event:hover {
  background: #242424 !important;
  border-color: rgba(136, 192, 208, 0.4) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-activity-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-tip-text,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-recent-contact-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-empty-title,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-empty-text {
  color: #c6c6c6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-activity-time,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-recent-contact-email,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-empty-sub {
  color: #6a6a6a !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-empty-state,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-empty {
  background: transparent !important;
  color: #8a8a8a !important;
}

/* Charts that paint their own light plotting surface. */
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: #1e1e1e !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-total,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-status-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-funnel-metrics,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-forecast-stage-value {
  color: #e6e6e6 !important;
}

/* ── Priority deals and action rows ─────────────────────────── */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-section {
  background: #1a1a1a !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-section-header {
  background: #222222 !important;
  background-image: none !important;
  color: #f0f0f0 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-card {
  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"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-card:hover {
  background: #242424 !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
}

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-queue {
  background: #1a1a1a !important;
  color: #e6e6e6 !important;
  border-color: rgba(240, 240, 240, 0.2) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__title-text {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__scope {
  background: #2a2a2a !important;
  color: #d4d4d4 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__lead,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__count,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__reason,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__more {
  color: #a3a3a3 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__meta {
  color: #808080 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row {
  background: #1e1e1e !important;
  border-color: rgba(240, 240, 240, 0.16) !important;
  color: #e6e6e6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__row:hover {
  background: #242424 !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__rank {
  background: #2a2a2a !important;
  color: #d4d4d4 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__title {
  color: #f0f0f0 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-home-next-queue__action {
  color: #93c5fd !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-autopilot-queue__name,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-autopilot-queue__aggregate {
  color: #f0f0f0 !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-autopilot-queue__row,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-action-btn:not(.primary) {
  background: #242424 !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.22) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-priority-explanation {
  background: rgba(120, 53, 15, 0.26) !important;
  color: #fcd34d !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

/* Onboarding / quick-start widget. */
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-onboarding-phase-block,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-onboarding-item,
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-onboarding-next-up {
  background: #1e1e1e !important;
  color: #c6c6c6 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

/* Activity velocity footer is injected by the widget renderer. */
html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-velocity-stats {
  background: #1e1e1e !important;
  background-image: none !important;
  color: #a0a0a0 !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter :is(
  .cc-timeline-name,
  .cc-health-project-name,
  .cc-health-count,
  .cc-budget-percent,
  .cc-budget-stat-value,
  .cc-completion-total,
  .cc-resource-name,
  .cc-conversion-stat-value
) {
  color: #e6e6e6 !important;
  -webkit-text-fill-color: #e6e6e6 !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter :is(
  .cc-timeline-bar,
  .cc-health-bar,
  .cc-resource-bar
) {
  background: #2e2e2e !important;
  background-image: none !important;
  border-color: rgba(240, 240, 240, 0.18) !important;
}

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 {
  background: rgba(127, 29, 29, 0.34) !important;
  background-image: none !important;
  color: #fca5a5 !important;
  border-color: rgba(248, 113, 113, 0.3) !important;
}

html[data-theme="dark"] body[data-theme="momentum"] .app-shell[data-view="analytics"] #analyticsWrap .commandCenter .cc-task-edit-btn {
  background: rgba(120, 53, 15, 0.34) !important;
  background-image: none !important;
  color: #fcd34d !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}