/**
 * Dark mode — module-specific overrides (Marketing, Campaigns, Inventory, SALES lists).
 * Fixes white surfaces + low-contrast text left by module !important rules.
 */

/* ========================================================================== */
/* Topbar — beat DashBoard.css #fff !important on all app shells               */
/* ========================================================================== */

html[data-theme="dark"] .mk-topbar .mk-dash-app-topbar,
html[data-theme="dark"] body[data-view="DashBoard"] .mk-topbar .mk-dash-app-topbar,
html[data-theme="dark"] body[data-view="List"] .mk-topbar .mk-dash-app-topbar,
html[data-theme="dark"] body[data-view="Detail"] .mk-topbar .mk-dash-app-topbar,
html[data-theme="dark"] body[data-module="Campaigns"] .mk-topbar .mk-dash-app-topbar,
html[data-theme="dark"] body[data-module="Warehouse"] .mk-topbar .mk-dash-app-topbar {
	background: var(--mk-topbar-bg) !important;
	-webkit-backdrop-filter: var(--mk-topbar-blur);
	backdrop-filter: var(--mk-topbar-blur);
	border-bottom: 1px solid var(--mk-topbar-border) !important;
}

/* ========================================================================== */
/* Page headers (still white on many list pages)                              */
/* ========================================================================== */

html[data-theme="dark"] .mk-camp-action-header,
html[data-theme="dark"] .mk-gi-action-header,
html[data-theme="dark"] .mk-gi-page-head,
html[data-theme="dark"] .mk-wh-page-head,
html[data-theme="dark"] .mk-gr-detail-page-content > .mk-gi-header,
html[data-theme="dark"] .mk-camp-page .mk-camp-action-header,
html[data-theme="dark"] body[data-view="List"] .module-action-bar,
html[data-theme="dark"] .listViewActionsDiv {
	background: transparent !important;
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] .mk-camp-action-header__title,
html[data-theme="dark"] .mk-gi-action-header__title,
html[data-theme="dark"] .mk-camp-action-header__subtitle,
html[data-theme="dark"] .mk-gi-action-header__subtitle {
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] .mk-camp-action-header__subtitle,
html[data-theme="dark"] .mk-gi-action-header__subtitle {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] .mk-camp-btn--outline,
html[data-theme="dark"] .mk-gi-btn--ghost {
	background: var(--mk-btn-secondary-bg) !important;
	color: var(--mk-btn-secondary-text) !important;
	border-color: var(--mk-border-color) !important;
}

/* ========================================================================== */
/* MARKETING + SALES list cards (MkMarketingListShared)                         */
/* ========================================================================== */

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-table-card.mk-camp-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-contact-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-org-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-opportunity-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-plan-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] .mk-leads-table-card,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] .mk-so-table-card {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
	box-shadow: var(--mk-shadow-card) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-actions.listview-actions-container.mk-so-filter-row,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] #listViewContent #listview-actions.listview-actions-container.mk-so-filter-row {
	background: var(--mk-bg-elevated) !important;
	border-bottom-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #table-content.table-container,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] #listViewContent #table-content.table-container {
	background: var(--mk-card-bg) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table thead tr.listViewContentHeader,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] #listViewContent #listview-table thead tr.listViewContentHeader {
	background: var(--mk-table-header-bg) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table thead th,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table thead th a.listViewContentHeaderValues,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table thead th,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table thead th a {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody tr.listViewEntries td,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody tr.listViewEntries td {
	color: var(--mk-text-primary) !important;
	border-bottom-color: var(--mk-border-subtle) !important;
	background: transparent !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody tr.listViewEntries:hover,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody tr.listViewEntries:hover {
	background: var(--mk-table-row-hover) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td a,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td[data-name="subject"] a,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td a,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td .listViewEntryValue a {
	color: var(--mk-text-link) !important;
	font-weight: 600 !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td a:hover,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="List"][data-app="MARKETING"] #listViewContent #listview-table tbody td a:hover {
	color: var(--mk-text-link-hover) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-page-numbers,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-page-numbers .pageNumbersText,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-page-numbers .mk-so-total-count {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-page-numbers .pageNumbersText,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-page-numbers .mk-so-total-count {
	color: var(--mk-text-primary) !important;
}

/* Pagination footer — was light gray bar */
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] #listViewContent .mk-so-filter-row__footer,
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] #listViewContent .mk-so-filter-row__footer {
	background: var(--mk-bg-elevated) !important;
	border-top-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-icon-btn,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-mass-btn,
html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-pagination .mk-so-page-btn {
	background: var(--mk-bg-hover) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] body[data-view="List"][data-app="MARKETING"] .mk-so-pagination .mk-so-page-btn:hover:not(:disabled) {
	background: var(--mk-primary) !important;
	border-color: var(--mk-primary-hover) !important;
	color: var(--mk-btn-primary-text) !important;
}

/* List status/type pills → MkThemeDarkMarketing.css */

/* ========================================================================== */
/* Campaigns DETAIL (MARKETING)                                                 */
/* ========================================================================== */

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-dash-main.mk-camp-detail-main {
	background: var(--mk-bg-primary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-hero-strip.detailview-header-block {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
	box-shadow: var(--mk-shadow-card) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-hero__title,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-hero__meta,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-breadcrumb__item a {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-hero__title .recordLabel {
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-btn {
	background: var(--mk-btn-secondary-bg) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-btn:hover {
	background: var(--mk-bg-hover) !important;
	color: var(--mk-primary) !important;
	border-color: var(--mk-border-accent) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
	box-shadow: var(--mk-shadow-card) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__label {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__eyebrow--blue {
	color: var(--mk-kpi-revenue) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__eyebrow--green {
	color: var(--mk-kpi-roi) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__pct--blue {
	color: var(--mk-kpi-revenue) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__pct--green {
	color: var(--mk-kpi-roi) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-card__bar.cpd-progress {
	background: var(--mk-bg-hover) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-meta--time .mk-camp-kpi-meta__box {
	background: rgba(22, 216, 255, 0.1) !important;
	border-color: rgba(22, 216, 255, 0.25) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-meta--result .mk-camp-kpi-meta__box {
	background: rgba(34, 197, 94, 0.1) !important;
	border-color: rgba(34, 197, 94, 0.25) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-meta__label {
	color: var(--mk-text-muted) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-kpi-meta__value {
	color: var(--mk-text-primary) !important;
}

/* Detail field blocks */
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-details-row #detailView .block,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .block {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .block > div:first-child h4,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-details-row #detailView .block > div:first-child h4 {
	color: var(--mk-text-primary) !important;
	border-bottom-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .fieldLabel .muted,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .fieldLabel label,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .fieldLabel {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .fieldValue .value,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .fieldValue .displayValue,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .fieldValue .value,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .fieldValue span {
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-campaign-detail-blocks .fieldValue a,
html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .fieldValue a {
	color: var(--mk-text-link) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-related-tabs .nav.nav-tabs > li > a {
	color: var(--mk-text-muted) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-detail-related-tabs .nav.nav-tabs > li.active > a {
	color: var(--mk-primary) !important;
}

html[data-theme="dark"] body[data-module="Campaigns"][data-view="Detail"][data-app="MARKETING"] .mk-camp-phases-panel__title {
	color: var(--mk-text-primary) !important;
}

/* ========================================================================== */
/* INVENTORY — Warehouse / Storage                                              */
/* ========================================================================== */

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-dash-main.mk-wh-list-main {
	background: var(--mk-bg-primary) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-gi-table-panel,
html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-section {
	background: var(--mk-bg-elevated) !important;
	border-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-card {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-card--warn {
	background: rgba(239, 68, 68, 0.1) !important;
	border-color: rgba(239, 68, 68, 0.3) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-card__value,
html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-card__value--warn {
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-kpi-card--warn .mk-wh-kpi-card__value--warn {
	color: #fda4af !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-gi-filter-bar,
html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-wh-check {
	background: var(--mk-bg-elevated) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-gi-table-toolbar {
	background: var(--mk-table-header-bg) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-gi-icon-btn {
	background: var(--mk-bg-hover) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-link) !important;
}

html[data-theme="dark"] body[data-module="Warehouse"][data-view="List"][data-app="INVENTORY"] .mk-gi-chip {
	background: rgba(8, 160, 69, 0.12) !important;
	border-color: rgba(8, 160, 69, 0.35) !important;
	color: var(--mk-primary) !important;
}

/* ========================================================================== */
/* INVENTORY flow tabs + GoodsReceipt detail                                    */
/* ========================================================================== */

html[data-theme="dark"] body[data-module="GoodsReceipt"][data-view="Detail"][data-app="INVENTORY"] .mk-dash-main.mk-gr-detail-main {
	background: var(--mk-bg-primary) !important;
}

html[data-theme="dark"] body[data-module="GoodsReceipt"][data-view="Detail"][data-app="INVENTORY"] .mk-gr-detail-hero-strip.detailview-header-block {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
}

/* ========================================================================== */
/* Generic vtiger list/detail (fallback)                                        */
/* ========================================================================== */

html[data-theme="dark"] .listViewEntriesTable,
html[data-theme="dark"] .listview-table,
html[data-theme="dark"] .listViewContentDiv,
html[data-theme="dark"] .listViewEntriesDiv,
html[data-theme="dark"] .contents,
html[data-theme="dark"] .contentsDiv {
	background: transparent !important;
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] .listViewEntriesTable thead th,
html[data-theme="dark"] .listViewEntriesTable tbody td {
	background: transparent !important;
	color: var(--mk-text-primary) !important;
	border-color: var(--mk-border-subtle) !important;
}

html[data-theme="dark"] .listViewEntriesTable tbody tr:hover {
	background: var(--mk-table-row-hover) !important;
}

html[data-theme="dark"] .detailview-table .fieldLabel,
html[data-theme="dark"] .detailViewContainer .fieldLabel {
	color: var(--mk-text-secondary) !important;
}

html[data-theme="dark"] .detailview-table .fieldValue,
html[data-theme="dark"] .detailViewContainer .fieldValue,
html[data-theme="dark"] .detailview-table .fieldValue .value,
html[data-theme="dark"] .detailview-table .fieldValue .displayValue {
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] .detailview-table .fieldValue a {
	color: var(--mk-text-link) !important;
}

html[data-theme="dark"] .detailViewContainer .block,
html[data-theme="dark"] .detailViewContainer .summaryWidgetContainer,
html[data-theme="dark"] .detailview-content .block {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
	color: var(--mk-text-primary) !important;
}

html[data-theme="dark"] .detailViewContainer .block h4,
html[data-theme="dark"] .detailViewContainer .blockHeader {
	color: var(--mk-text-primary) !important;
	border-color: var(--mk-border-color) !important;
}

/* SALES / INVENTORY list main bg */
html[data-theme="dark"] body[data-view="List"][data-app="SALES"] .mk-dash-main,
html[data-theme="dark"] body[data-view="List"][data-app="INVENTORY"] .mk-dash-main,
html[data-theme="dark"] body[data-view="Detail"][data-app="SALES"] .mk-dash-main,
html[data-theme="dark"] body[data-view="Detail"][data-app="INVENTORY"] .mk-dash-main {
	background: var(--mk-bg-primary) !important;
}

/* Dashboard widgets on home */
html[data-theme="dark"] body[data-view="DashBoard"] .dashboardWidget,
html[data-theme="dark"] body[data-view="ModernDashboard"] .dashboardWidget {
	background: var(--mk-card-bg) !important;
	border-color: var(--mk-border-color) !important;
}

html[data-theme="dark"] body[data-view="DashBoard"] .dashboardWidget .dashboardWidgetHeader {
	color: var(--mk-text-secondary) !important;
}