/* ================================================================
	 Professional Palette Guard
	 Loaded late by the shared base templates so legacy feature CSS and
	 Tailwind utilities inherit the same neutral graphite palette.
	 ================================================================ */

:root {
	--ui-ink: #111318 !important;
	--ui-ink-muted: #5f6670 !important;
	--ui-surface: #f5f6f8 !important;
	--ui-surface-card: #ffffff !important;
	--ui-surface-soft: #edf0f3 !important;
	--ui-border: #d7dce2 !important;
	--ui-border-strong: #b5bdc8 !important;
	--ui-primary: #2f343b !important;
	--ui-primary-hover: #181b20 !important;
	--ui-primary-soft: #eceff3 !important;
	--ui-accent: #6d737c !important;
	--ui-accent-soft: #edf0f3 !important;
	--ui-sage: #525a64 !important;
	--ui-sage-soft: #eef1f4 !important;

	--ja-primary: var(--ui-primary) !important;
	--ja-primary-dark: var(--ui-primary-hover) !important;
	--sky-primary: var(--ui-primary) !important;
	--sky-primary-600: var(--ui-primary) !important;
	--sky-primary-700: var(--ui-primary-hover) !important;
	--sky-info: var(--ui-accent) !important;
	--crm-primary: var(--ui-primary) !important;
	--crm-primary-dark: var(--ui-primary-hover) !important;
	--crm-primary-light: #9aa3ad !important;
	--inbox-primary: var(--ui-primary) !important;
	--inbox-primary-dark: var(--ui-primary-hover) !important;
	--inbox-info: var(--ui-accent) !important;
	--inbox-ai: var(--ui-sage) !important;
	--inbox-purple: var(--ui-accent) !important;
	--accent-blue: var(--ui-primary) !important;
	--accent-indigo: var(--ui-primary) !important;
	--accent-purple: var(--ui-accent) !important;
	--border-focus: var(--ui-primary) !important;
	accent-color: var(--ui-primary);
}

html.dark,
html[data-theme="dark"] {
	--ui-ink: #f4f6f8 !important;
	--ui-ink-muted: #aeb6c2 !important;
	--ui-surface: #08090c !important;
	--ui-surface-card: #101318 !important;
	--ui-surface-soft: #171b22 !important;
	--ui-border: #242a33 !important;
	--ui-border-strong: #343c47 !important;
	--ui-primary: #3b4652 !important;
	--ui-primary-hover: #4b5664 !important;
	--ui-primary-soft: rgba(215, 221, 229, 0.12) !important;
	--ui-accent: #d7dde5 !important;
	--ui-accent-soft: rgba(215, 221, 229, 0.12) !important;
	--ui-sage: #b8c0ca !important;
	--ui-sage-soft: rgba(184, 192, 202, 0.12) !important;
}

html.dark body,
html[data-theme="dark"] body,
html.dark .page-content,
html[data-theme="dark"] .page-content,
html.dark #mainContent,
html[data-theme="dark"] #mainContent {
	background: var(--ui-surface) !important;
	color: var(--ui-ink) !important;
}

html.dark .sidebar-wrapper,
html[data-theme="dark"] .sidebar-wrapper,
html.dark .crm-sidebar,
html[data-theme="dark"] .crm-sidebar,
html.dark .inbox-sidebar-panel,
html[data-theme="dark"] .inbox-sidebar-panel,
html.dark .inbox-crm-panel,
html[data-theme="dark"] .inbox-crm-panel,
html.dark .inbox-list-panel,
html[data-theme="dark"] .inbox-list-panel,
html.dark .inbox-detail-panel,
html[data-theme="dark"] .inbox-detail-panel {
	background: var(--ui-surface-card) !important;
	border-color: var(--ui-border) !important;
}

html.dark .inbox-page-bg,
html[data-theme="dark"] .inbox-page-bg,
html.dark .email-app,
html[data-theme="dark"] .email-app,
html.dark .inbox-shell,
html[data-theme="dark"] .inbox-shell {
	background: var(--ui-surface) !important;
}

.btn-primary,
.bg-primary,
.compose-btn,
.sidebar-compose-btn,
.inbox-btn-primary,
.crm-btn-primary,
.crm-create-contact-btn,
.cal-agenda-add-btn,
#calAgendaAddBtn,
#calQuickAddSave,
#createContactBtn,
#contactSearchBtn,
#refreshAIBtn {
	background: var(--ui-primary) !important;
	border-color: var(--ui-primary) !important;
	color: #ffffff !important;
}

.btn-primary:hover,
.bg-primary:hover,
.compose-btn:hover,
.sidebar-compose-btn:hover,
.inbox-btn-primary:hover,
.crm-btn-primary:hover,
.crm-create-contact-btn:hover,
.cal-agenda-add-btn:hover,
#calAgendaAddBtn:hover,
#calQuickAddSave:hover,
#createContactBtn:hover,
#contactSearchBtn:hover,
#refreshAIBtn:hover {
	background: var(--ui-primary-hover) !important;
	border-color: var(--ui-primary-hover) !important;
}

.text-primary,
.link-primary,
.sidebar-folder.active,
.sidebar-nav-item.active,
.inbox-category-tab.active,
.crm-tab.active,
.crm-add-btn,
.inbox-load-more-btn,
.email-load-more-btn {
	color: var(--ui-primary) !important;
}

html.dark .text-primary,
html.dark .link-primary,
html.dark .sidebar-folder.active,
html.dark .sidebar-nav-item.active,
html.dark .inbox-category-tab.active,
html.dark .crm-tab.active,
html.dark .crm-add-btn,
html.dark .inbox-load-more-btn,
html.dark .email-load-more-btn,
html[data-theme="dark"] .text-primary,
html[data-theme="dark"] .link-primary,
html[data-theme="dark"] .sidebar-folder.active,
html[data-theme="dark"] .sidebar-nav-item.active,
html[data-theme="dark"] .inbox-category-tab.active,
html[data-theme="dark"] .crm-tab.active,
html[data-theme="dark"] .crm-add-btn,
html[data-theme="dark"] .inbox-load-more-btn,
html[data-theme="dark"] .email-load-more-btn {
	color: var(--ui-accent) !important;
}

.border-primary,
.ring-primary,
.focus\:ring-primary:focus,
.focus\:border-primary:focus,
.sidebar-folder.active,
.sidebar-nav-item.active,
.inbox-category-tab.active,
.crm-tab.active,
input:focus,
select:focus,
textarea:focus {
	border-color: var(--ui-primary) !important;
	--tw-ring-color: var(--ui-primary) !important;
}

.badge-purple,
.badge-indigo,
.new-purple,
.modal-card__header--indigo,
.modal-card__header--blue,
.bg-blue-600,
.bg-indigo-600,
.bg-purple-600,
.bg-violet-600 {
	background: var(--ui-primary) !important;
	border-color: var(--ui-primary) !important;
	color: #ffffff !important;
}

.text-blue-500,
.text-blue-600,
.text-indigo-500,
.text-indigo-600,
.text-purple-500,
.text-purple-600,
.text-violet-500,
.text-violet-600 {
	color: var(--ui-primary) !important;
}

html.dark .text-blue-400,
html.dark .text-indigo-400,
html.dark .text-purple-400,
html.dark .text-violet-400,
html[data-theme="dark"] .text-blue-400,
html[data-theme="dark"] .text-indigo-400,
html[data-theme="dark"] .text-purple-400,
html[data-theme="dark"] .text-violet-400 {
	color: var(--ui-accent) !important;
}

[class*="from-blue-"],
[class*="from-indigo-"],
[class*="from-purple-"],
[class*="from-violet-"] {
	--tw-gradient-from: var(--ui-primary) !important;
	--tw-gradient-to: rgb(47 52 59 / 0) !important;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="to-blue-"],
[class*="to-indigo-"],
[class*="to-purple-"],
[class*="to-violet-"] {
	--tw-gradient-to: var(--ui-accent) !important;
}

[class*="ring-blue-"],
[class*="ring-indigo-"],
[class*="ring-purple-"],
[class*="ring-violet-"],
[class*="focus:ring-blue-"],
[class*="focus:ring-indigo-"],
[class*="focus:ring-purple-"],
[class*="focus:ring-violet-"] {
	--tw-ring-color: var(--ui-primary) !important;
}

[class*="border-blue-"],
[class*="border-indigo-"],
[class*="border-purple-"],
[class*="border-violet-"] {
	border-color: var(--ui-border-strong) !important;
}

/* Mailbox polish: one coherent, readable dark product surface. */
html.dark .inbox-page-bg,
html[data-theme="dark"] .inbox-page-bg {
	--mail-bg: #08090c;
	--mail-shell: #0f1217;
	--mail-panel: #10151c;
	--mail-panel-raised: #131922;
	--mail-row: #10151c;
	--mail-row-read: transparent;
	--mail-row-unread: rgba(240, 243, 247, 0.02);
	--mail-row-hover: rgba(240, 243, 247, 0.05);
	--mail-row-selected: rgba(240, 243, 247, 0.08);
	--mail-border: #2f3743;
	--mail-border-strong: #4a5566;
	--mail-text: #f5f7fa;
	--mail-text-soft: #dde4ec;
	--mail-text-muted: #c1cad7;
	--mail-text-faint: #98a4b5;
	--mail-accent: #e5ebf3;
	--mail-accent-strong: #fbfdff;
	--mail-accent-soft: rgba(229, 235, 243, 0.14);
	--mail-input: #0c0f13;
	--mail-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
	background: var(--mail-bg) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-shell,
html[data-theme="dark"] .inbox-shell,
html.dark .email-app,
html[data-theme="dark"] .email-app {
	--inbox-text-primary: var(--mail-text) !important;
	--inbox-text-secondary: var(--mail-text-soft) !important;
	--inbox-text-tertiary: var(--mail-text-muted) !important;
	--inbox-text-muted: var(--mail-text-muted) !important;
	--text-primary: var(--mail-text) !important;
	--text-secondary: var(--mail-text-soft) !important;
	--text-tertiary: var(--mail-text-muted) !important;
	--surface-card: var(--mail-panel) !important;
	--surface-base: var(--mail-shell) !important;
	--surface-muted: var(--mail-panel-raised) !important;
	--border-subtle: var(--mail-border) !important;
	--email-hover: var(--mail-row-hover) !important;
	--email-selected: var(--mail-row-selected) !important;
	--email-unread: var(--mail-row-unread) !important;
	--sky-bg: var(--mail-panel) !important;
	--sky-bg-card: #12161d !important;
	--sky-bg-hover: #1b222d !important;
	--sky-border: var(--mail-border) !important;
	--sky-border-light: rgba(229, 235, 243, 0.14) !important;
	--sky-text: var(--mail-text) !important;
	--sky-text-muted: var(--mail-text-soft) !important;
	--sky-text-light: var(--mail-text-muted) !important;
	--sky-ai-accent: var(--mail-accent-strong) !important;
	--crm-text-1: var(--mail-text) !important;
	--crm-text-2: var(--mail-text-soft) !important;
	--crm-text-3: var(--mail-text-muted) !important;
	--crm-text-4: var(--mail-text-faint) !important;
	--crm-brand: var(--mail-accent) !important;
	--crm-brand-strong: var(--mail-accent-strong) !important;
	--crm-brand-soft: rgba(229, 235, 243, 0.14) !important;
	--crm-brand-softer: rgba(229, 235, 243, 0.08) !important;
	--crm-surface-card: #12161d !important;
	--crm-surface-soft: #151a22 !important;
	--crm-surface-hover: #1d2430 !important;
	--crm-border: var(--mail-border) !important;
	--crm-ui-bg: var(--mail-bg) !important;
	--crm-ui-surface: #12161d !important;
	--crm-ui-surface-soft: #151a22 !important;
	--crm-ui-border: rgba(229, 235, 243, 0.14) !important;
	--crm-ui-border-strong: rgba(229, 235, 243, 0.20) !important;
	--crm-ui-text: var(--mail-text) !important;
	--crm-ui-muted: var(--mail-text-soft) !important;
	--crm-ui-faint: var(--mail-text-muted) !important;
	--crm-ui-primary: var(--mail-accent) !important;
	--crm-ui-primary-dark: var(--mail-accent-strong) !important;
	--mail-ui-bg: var(--mail-bg) !important;
	--mail-ui-panel: #12161d !important;
	--mail-ui-soft: #151a22 !important;
	--mail-ui-border: var(--mail-border) !important;
	--mail-ui-text: var(--mail-text) !important;
	--mail-ui-muted: var(--mail-text-soft) !important;
	--mail-ui-faint: var(--mail-text-muted) !important;
	--mail-ui-primary: var(--mail-accent) !important;
	background: var(--mail-bg) !important;
	box-shadow: none !important;
}

html.dark .inbox-main-area,
html[data-theme="dark"] .inbox-main-area {
	background: var(--mail-panel) !important;
	border: 1px solid var(--mail-border) !important;
	box-shadow: var(--mail-shadow) !important;
	border-radius: 14px !important;
}

html.dark .inbox-sidebar-panel,
html[data-theme="dark"] .inbox-sidebar-panel {
	background: #0c0f13 !important;
	border-right: 1px solid var(--mail-border) !important;
	box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.02) !important;
}

html.dark .sidebar-compose-btn,
html[data-theme="dark"] .sidebar-compose-btn,
html.dark .compose-btn,
html[data-theme="dark"] .compose-btn {
	background: #d7dde5 !important;
	border: 1px solid #d7dde5 !important;
	color: #111318 !important;
	box-shadow: none !important;
}

html.dark .sidebar-compose-btn:hover,
html[data-theme="dark"] .sidebar-compose-btn:hover,
html.dark .compose-btn:hover,
html[data-theme="dark"] .compose-btn:hover {
	background: #eef2f6 !important;
	border-color: #eef2f6 !important;
}

html.dark .sidebar-nav-item,
html.dark .sidebar-folder,
html.dark .sidebar-label-item,
html.dark .sidebar-smart-item,
html.dark .sidebar-bottom-link,
html[data-theme="dark"] .sidebar-nav-item,
html[data-theme="dark"] .sidebar-folder,
html[data-theme="dark"] .sidebar-label-item,
html[data-theme="dark"] .sidebar-smart-item,
html[data-theme="dark"] .sidebar-bottom-link {
	color: var(--mail-text-soft) !important;
}

html.dark .sidebar-nav-item:hover,
html.dark .sidebar-folder:hover,
html.dark .sidebar-label-item:hover,
html.dark .sidebar-smart-item:hover,
html[data-theme="dark"] .sidebar-nav-item:hover,
html[data-theme="dark"] .sidebar-folder:hover,
html[data-theme="dark"] .sidebar-label-item:hover,
html[data-theme="dark"] .sidebar-smart-item:hover {
	background: rgba(215, 221, 229, 0.10) !important;
	color: var(--mail-text) !important;
}

html.dark .sidebar-nav-item.active,
html.dark .sidebar-folder.active,
html[data-theme="dark"] .sidebar-nav-item.active,
html[data-theme="dark"] .sidebar-folder.active {
	background: rgba(215, 221, 229, 0.14) !important;
	border-color: rgba(215, 221, 229, 0.28) !important;
	color: var(--mail-text) !important;
}

html.dark .sidebar-nav-badge,
html.dark .sidebar-folder__badge,
html[data-theme="dark"] .sidebar-nav-badge,
html[data-theme="dark"] .sidebar-folder__badge {
	background: #171d27 !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text) !important;
	min-width: 26px !important;
	height: 24px !important;
	padding: 0 8px !important;
	border-radius: 999px !important;
	line-height: 22px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
	text-align: center !important;
}

html.dark .sidebar-folder .material-symbols-outlined,
html[data-theme="dark"] .sidebar-folder .material-symbols-outlined {
	color: currentColor !important;
}

html.dark .sidebar-folder__badge,
html.dark .sidebar-label__count,
html[data-theme="dark"] .sidebar-folder__badge,
html[data-theme="dark"] .sidebar-label__count {
	color: var(--mail-text-soft) !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums;
}

html.dark .sidebar-nav-item.active .sidebar-nav-badge,
html.dark .sidebar-folder-item.active .sidebar-nav-badge,
html[data-theme="dark"] .sidebar-nav-item.active .sidebar-nav-badge,
html[data-theme="dark"] .sidebar-folder-item.active .sidebar-nav-badge {
	background: rgba(240, 243, 247, 0.14) !important;
	border-color: rgba(240, 243, 247, 0.28) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .sidebar-nav-badge.pulse,
html[data-theme="dark"] .sidebar-nav-badge.pulse {
	background: rgba(240, 243, 247, 0.14) !important;
	border-color: rgba(240, 243, 247, 0.28) !important;
	color: var(--mail-accent-strong) !important;
	box-shadow: none !important;
}

html.dark .sidebar-folder.active .sidebar-folder__label,
html.dark .sidebar-folder.active .sidebar-folder__badge,
html.dark .sidebar-folder.active .material-symbols-outlined,
html[data-theme="dark"] .sidebar-folder.active .sidebar-folder__label,
html[data-theme="dark"] .sidebar-folder.active .sidebar-folder__badge,
html[data-theme="dark"] .sidebar-folder.active .material-symbols-outlined {
	color: var(--mail-accent-strong) !important;
}

html.dark .sidebar-section-title,
html.dark .sidebar-section-header,
html.dark .sidebar-label-name,
html[data-theme="dark"] .sidebar-section-title,
html[data-theme="dark"] .sidebar-section-header,
html[data-theme="dark"] .sidebar-label-name {
	color: var(--mail-text-soft) !important;
}

html.dark .sidebar-label__count,
html[data-theme="dark"] .sidebar-label__count {
	color: var(--mail-text-muted) !important;
}

html.dark .sidebar-pipeline-count,
html.dark .sidebar-stage-count,
html[data-theme="dark"] .sidebar-pipeline-count,
html[data-theme="dark"] .sidebar-stage-count {
	color: var(--mail-text-soft) !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
}

html.dark .sidebar-pipeline-header.active .sidebar-pipeline-count,
html.dark .sidebar-stage-item.active .sidebar-stage-count,
html[data-theme="dark"] .sidebar-pipeline-header.active .sidebar-pipeline-count,
html[data-theme="dark"] .sidebar-stage-item.active .sidebar-stage-count {
	color: var(--mail-accent-strong) !important;
}

html.dark .sidebar-account-unread-badge,
html[data-theme="dark"] .sidebar-account-unread-badge {
	background: #1b2330 !important;
	border: 1px solid rgba(240, 243, 247, 0.18) !important;
	color: var(--mail-accent-strong) !important;
	font-variant-numeric: tabular-nums;
	box-shadow: none !important;
}

html.dark .sidebar-account-row.active .sidebar-account-unread-badge,
html[data-theme="dark"] .sidebar-account-row.active .sidebar-account-unread-badge {
	background: rgba(240, 243, 247, 0.14) !important;
	border-color: rgba(240, 243, 247, 0.30) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-page-info,
html.dark .toolbar-pagination,
html[data-theme="dark"] .inbox-page-info,
html[data-theme="dark"] .toolbar-pagination {
	color: var(--mail-text-soft) !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums;
}

html.dark .sidebar-account,
html[data-theme="dark"] .sidebar-account {
	background: #131821 !important;
	border: 1px solid var(--mail-border) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .sidebar-account:hover,
html[data-theme="dark"] .sidebar-account:hover {
	background: #171d27 !important;
	border-color: var(--mail-border-strong) !important;
	color: var(--mail-text) !important;
}

html.dark .sidebar-account__name,
html.dark .sidebar-account__dropdown-email,
html[data-theme="dark"] .sidebar-account__name,
html[data-theme="dark"] .sidebar-account__dropdown-email {
	color: var(--mail-text) !important;
}

html.dark .sidebar-account__email,
html.dark .sidebar-account__dropdown-provider,
html.dark .sidebar-account__chevron,
html[data-theme="dark"] .sidebar-account__email,
html[data-theme="dark"] .sidebar-account__dropdown-provider,
html[data-theme="dark"] .sidebar-account__chevron {
	color: var(--mail-text-soft) !important;
}

html.dark .sidebar-account__avatar,
html[data-theme="dark"] .sidebar-account__avatar {
	background: #1c2330 !important;
	color: var(--mail-accent-strong) !important;
	border: 1px solid rgba(240, 243, 247, 0.16) !important;
}

html.dark #accountDropdown,
html[data-theme="dark"] #accountDropdown {
	background: #11161d !important;
	border: 1px solid var(--mail-border-strong) !important;
	box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42) !important;
	color: var(--mail-text-soft) !important;
}

html.dark #accountDropdown .dropdown-item,
html[data-theme="dark"] #accountDropdown .dropdown-item {
	color: var(--mail-text) !important;
}

html.dark #accountDropdown .dropdown-item .material-symbols-outlined,
html[data-theme="dark"] #accountDropdown .dropdown-item .material-symbols-outlined {
	color: var(--mail-text-soft) !important;
}

html.dark #accountDropdown .dropdown-item:hover,
html[data-theme="dark"] #accountDropdown .dropdown-item:hover {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark #accountDropdown .dropdown-item:hover .material-symbols-outlined,
html[data-theme="dark"] #accountDropdown .dropdown-item:hover .material-symbols-outlined {
	color: var(--mail-accent-strong) !important;
}

html.dark #accountDropdown .dropdown-divider,
html[data-theme="dark"] #accountDropdown .dropdown-divider {
	background: var(--mail-border) !important;
}

html.dark .sidebar-label-dot,
html[data-theme="dark"] .sidebar-label-dot {
	background: #9aa3ad !important;
	box-shadow: none !important;
}

html.dark .inbox-list-panel,
html[data-theme="dark"] .inbox-list-panel,
html.dark .inbox-email-list,
html[data-theme="dark"] .inbox-email-list {
	background: var(--mail-panel) !important;
	border-color: var(--mail-border) !important;
}

html.dark .inbox-list-header,
html[data-theme="dark"] .inbox-list-header,
html.dark .inbox-category-tabs,
html[data-theme="dark"] .inbox-category-tabs {
	background: var(--mail-panel) !important;
	border-color: var(--mail-border) !important;
}

html.dark .inbox-search-wrapper,
html[data-theme="dark"] .inbox-search-wrapper {
	background: var(--mail-panel) !important;
}

html.dark .inbox-search-input,
html.dark .cal-agenda-search-input,
html[data-theme="dark"] .inbox-search-input,
html[data-theme="dark"] .cal-agenda-search-input {
	background: var(--mail-input) !important;
	border: 1px solid var(--mail-border) !important;
	box-shadow: none !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-search-input::placeholder,
html.dark .cal-agenda-search-input::placeholder,
html[data-theme="dark"] .inbox-search-input::placeholder,
html[data-theme="dark"] .cal-agenda-search-input::placeholder {
	color: var(--mail-text-muted) !important;
}

html.dark .inbox-search-icon,
html.dark .cal-agenda-search-icon,
html[data-theme="dark"] .inbox-search-icon,
html[data-theme="dark"] .cal-agenda-search-icon {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-cat-tab,
html[data-theme="dark"] .inbox-cat-tab {
	background: transparent !important;
	color: var(--mail-text-soft) !important;
	border-bottom-color: transparent !important;
}

html.dark .inbox-cat-tab:hover,
html[data-theme="dark"] .inbox-cat-tab:hover {
	background: rgba(215, 221, 229, 0.08) !important;
	color: var(--mail-text-soft) !important;
	border-bottom-color: rgba(215, 221, 229, 0.30) !important;
}

html.dark .inbox-cat-tab.active,
html[data-theme="dark"] .inbox-cat-tab.active {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-accent-strong) !important;
	border-bottom-color: var(--mail-accent-strong) !important;
}

html.dark .inbox-email-row,
html.dark .email-row,
html[data-theme="dark"] .inbox-email-row,
html[data-theme="dark"] .email-row {
	background: var(--mail-row-read) !important;
	border-bottom: 1px solid var(--mail-border) !important;
	color: var(--mail-text-soft) !important;
	box-shadow: none !important;
}

html.dark .inbox-email-row:hover,
html.dark .email-row:hover,
html[data-theme="dark"] .inbox-email-row:hover,
html[data-theme="dark"] .email-row:hover {
	background: var(--mail-row-hover) !important;
	box-shadow: inset 0 0 0 1px rgba(215, 221, 229, 0.10) !important;
}

html.dark .inbox-email-row.active,
html.dark .inbox-email-row.selected,
html.dark .email-row.active,
html.dark .email-row.selected,
html[data-theme="dark"] .inbox-email-row.active,
html[data-theme="dark"] .inbox-email-row.selected,
html[data-theme="dark"] .email-row.active,
html[data-theme="dark"] .email-row.selected {
	background: var(--mail-row-selected) !important;
	box-shadow: inset 3px 0 0 var(--mail-accent-strong) !important;
}

html.dark .inbox-email-row.unread,
html.dark .email-row.unread,
html[data-theme="dark"] .inbox-email-row.unread,
html[data-theme="dark"] .email-row.unread {
	background: var(--mail-row-unread) !important;
	box-shadow: inset 3px 0 0 var(--mail-accent) !important;
}

html.dark .inbox-row-sender,
html.dark .email-row-sender,
html.dark .inbox-row-subject,
html.dark .email-row-subject,
html[data-theme="dark"] .inbox-row-sender,
html[data-theme="dark"] .email-row-sender,
html[data-theme="dark"] .inbox-row-subject,
html[data-theme="dark"] .email-row-subject {
	color: var(--mail-text) !important;
}

html.dark .inbox-row-date,
html.dark .email-row-date,
html[data-theme="dark"] .inbox-row-date,
html[data-theme="dark"] .email-row-date {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-email-row.unread .inbox-row-sender,
html.dark .email-row.unread .email-row-sender,
html.dark .inbox-email-row.unread .inbox-row-subject,
html.dark .email-row.unread .email-row-subject,
html[data-theme="dark"] .inbox-email-row.unread .inbox-row-sender,
html[data-theme="dark"] .email-row.unread .email-row-sender,
html[data-theme="dark"] .inbox-email-row.unread .inbox-row-subject,
html[data-theme="dark"] .email-row.unread .email-row-subject {
	color: var(--mail-text) !important;
}

html.dark .inbox-email-row.unread .inbox-row-date,
html.dark .email-row.unread .email-row-date,
html[data-theme="dark"] .inbox-email-row.unread .inbox-row-date,
html[data-theme="dark"] .email-row.unread .email-row-date {
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-row-thread-count,
html.dark .email-row-count,
html[data-theme="dark"] .inbox-row-thread-count,
html[data-theme="dark"] .email-row-count {
	color: var(--mail-text-soft) !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
}

html.dark .inbox-email-row.unread .inbox-row-thread-count,
html.dark .email-row.unread .email-row-count,
html[data-theme="dark"] .inbox-email-row.unread .inbox-row-thread-count,
html[data-theme="dark"] .email-row.unread .email-row-count {
	color: var(--mail-accent-strong) !important;
}

html.dark .email-section-header,
html[data-theme="dark"] .email-section-header {
	color: var(--mail-text-soft) !important;
}

html.dark .email-section-header::after,
html[data-theme="dark"] .email-section-header::after {
	background: rgba(240, 243, 247, 0.12) !important;
}

html.dark .email-section-header .section-count,
html[data-theme="dark"] .email-section-header .section-count {
	background: #171d27 !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text) !important;
	font-weight: 700 !important;
	font-variant-numeric: tabular-nums;
}

html.dark .email-section-header.section-unread span,
html.dark .email-section-header.section-unread .section-count,
html[data-theme="dark"] .email-section-header.section-unread span,
html[data-theme="dark"] .email-section-header.section-unread .section-count {
	color: var(--mail-accent-strong) !important;
}

html.dark .email-section-header.section-unread .section-count,
html[data-theme="dark"] .email-section-header.section-unread .section-count {
	background: rgba(240, 243, 247, 0.14) !important;
	border-color: rgba(240, 243, 247, 0.28) !important;
}

html.dark .inbox-row-snippet,
html.dark .email-row-snippet,
html.dark .inbox-row-from-email,
html.dark .email-row-from-email,
html.dark .inbox-row-meta,
html.dark .email-row-meta,
html[data-theme="dark"] .inbox-row-snippet,
html[data-theme="dark"] .email-row-snippet,
html[data-theme="dark"] .inbox-row-from-email,
html[data-theme="dark"] .email-row-from-email,
html[data-theme="dark"] .inbox-row-meta,
html[data-theme="dark"] .email-row-meta {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-row-avatar,
html.dark .email-row-avatar,
html[data-theme="dark"] .inbox-row-avatar,
html[data-theme="dark"] .email-row-avatar {
	background: #20252d !important;
	border: 1px solid #424a55 !important;
	box-shadow: none !important;
	color: #f5f7fa !important;
}

html.dark .inbox-email-row.unread .inbox-row-avatar,
html.dark .email-row.unread .email-row-avatar,
html[data-theme="dark"] .inbox-email-row.unread .inbox-row-avatar,
html[data-theme="dark"] .email-row.unread .email-row-avatar {
	border-color: var(--mail-accent) !important;
	box-shadow: 0 0 0 2px rgba(215, 221, 229, 0.16) !important;
	opacity: 1 !important;
}

html.dark .inbox-row-checkbox,
html.dark .email-row-checkbox,
html[data-theme="dark"] .inbox-row-checkbox,
html[data-theme="dark"] .email-row-checkbox {
	background: #0c0f13 !important;
	border-color: var(--mail-border-strong) !important;
	accent-color: var(--mail-accent) !important;
}

html.dark .email-row-star,
html.dark .inbox-row-star-btn,
html.dark .inbox-toolbar-btn,
html.dark .inbox-hover-btn,
html[data-theme="dark"] .email-row-star,
html[data-theme="dark"] .inbox-row-star-btn,
html[data-theme="dark"] .inbox-toolbar-btn,
html[data-theme="dark"] .inbox-hover-btn {
	color: var(--mail-text-muted) !important;
}

html.dark .email-row-star:hover,
html.dark .inbox-row-star-btn:hover,
html.dark .inbox-toolbar-btn:hover,
html.dark .inbox-hover-btn:hover,
html[data-theme="dark"] .email-row-star:hover,
html[data-theme="dark"] .inbox-row-star-btn:hover,
html[data-theme="dark"] .inbox-toolbar-btn:hover,
html[data-theme="dark"] .inbox-hover-btn:hover {
	background: rgba(240, 243, 247, 0.10) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .email-row-deal-tag,
html.dark .inbox-row-deal-tag,
html.dark .email-row-labels span,
html.dark .inbox-row-labels span,
html[data-theme="dark"] .email-row-deal-tag,
html[data-theme="dark"] .inbox-row-deal-tag,
html[data-theme="dark"] .email-row-labels span,
html[data-theme="dark"] .inbox-row-labels span {
	background: rgba(215, 221, 229, 0.12) !important;
	border-color: rgba(215, 221, 229, 0.22) !important;
	color: var(--mail-accent) !important;
}

html.dark .inbox-load-more-wrap,
html.dark .email-load-more-wrap,
html[data-theme="dark"] .inbox-load-more-wrap,
html[data-theme="dark"] .email-load-more-wrap {
	background: var(--mail-panel) !important;
	border-top-color: var(--mail-border) !important;
}

html.dark .inbox-load-more-btn,
html.dark .email-load-more-btn,
html[data-theme="dark"] .inbox-load-more-btn,
html[data-theme="dark"] .email-load-more-btn {
	background: #11151b !important;
	border-color: var(--mail-border-strong) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-crm-panel,
html.dark .crm-panel,
html[data-theme="dark"] .inbox-crm-panel,
html[data-theme="dark"] .crm-panel {
	background: #0f1217 !important;
	border-left: 1px solid var(--mail-border) !important;
	color: var(--mail-text) !important;
}

html.dark .crm-panel-topbar,
html.dark .crm-tab-bar,
html[data-theme="dark"] .crm-panel-topbar,
html[data-theme="dark"] .crm-tab-bar {
	background: #0f1217 !important;
	border-color: var(--mail-border) !important;
}

html.dark .crm-panel-topbar-title,
html.dark .crm-section-title,
html.dark .cal-agenda-day,
html.dark .cal-agenda-item-title,
html[data-theme="dark"] .crm-panel-topbar-title,
html[data-theme="dark"] .crm-section-title,
html[data-theme="dark"] .cal-agenda-day,
html[data-theme="dark"] .cal-agenda-item-title {
	color: var(--mail-text) !important;
}

html.dark .crm-panel-topbar-btn,
html.dark .crm-panel-close-btn,
html[data-theme="dark"] .crm-panel-topbar-btn,
html[data-theme="dark"] .crm-panel-close-btn {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--mail-text-muted) !important;
}

html.dark .crm-panel-topbar-btn:hover,
html.dark .crm-panel-close-btn:hover,
html[data-theme="dark"] .crm-panel-topbar-btn:hover,
html[data-theme="dark"] .crm-panel-close-btn:hover {
	background: rgba(215, 221, 229, 0.10) !important;
	color: var(--mail-text) !important;
}

html.dark .crm-tab,
html[data-theme="dark"] .crm-tab {
	color: var(--mail-text-soft) !important;
}

html.dark .crm-tab:hover,
html[data-theme="dark"] .crm-tab:hover {
	background: rgba(215, 221, 229, 0.08) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .crm-tab.active,
html[data-theme="dark"] .crm-tab.active {
	background: rgba(240, 243, 247, 0.08) !important;
	border-bottom-color: var(--mail-accent-strong) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .cal-agenda-scroll,
html.dark .crm-panel-scroll,
html[data-theme="dark"] .cal-agenda-scroll,
html[data-theme="dark"] .crm-panel-scroll {
	background: #0f1217 !important;
}

html.dark .cal-agenda-date-header,
html.dark .cal-agenda-search-row,
html[data-theme="dark"] .cal-agenda-date-header,
html[data-theme="dark"] .cal-agenda-search-row {
	background: #11151b !important;
	border-color: var(--mail-border) !important;
}

html.dark .cal-agenda-section-label,
html.dark .cal-agenda-full-date,
html.dark .cal-agenda-item-time,
html.dark .cal-agenda-item-meta,
html.dark .cal-agenda-item-detail,
html[data-theme="dark"] .cal-agenda-section-label,
html[data-theme="dark"] .cal-agenda-full-date,
html[data-theme="dark"] .cal-agenda-item-time,
html[data-theme="dark"] .cal-agenda-item-meta,
html[data-theme="dark"] .cal-agenda-item-detail {
	color: var(--mail-text-soft) !important;
}

html.dark .cal-agenda-item,
html.dark .cal-agenda-item-compact,
html[data-theme="dark"] .cal-agenda-item,
html[data-theme="dark"] .cal-agenda-item-compact {
	background: #141922 !important;
	border: 1px solid var(--mail-border) !important;
	box-shadow: none !important;
}

html.dark .cal-agenda-item:hover,
html.dark .cal-agenda-item-compact:hover,
html[data-theme="dark"] .cal-agenda-item:hover,
html[data-theme="dark"] .cal-agenda-item-compact:hover {
	background: #1f242c !important;
	border-color: rgba(215, 221, 229, 0.22) !important;
}

html.dark .cal-agenda-item-stripe,
html.dark .cal-agenda-item-rich .cal-agenda-item-color,
html[data-theme="dark"] .cal-agenda-item-stripe,
html[data-theme="dark"] .cal-agenda-item-rich .cal-agenda-item-color {
	background: var(--mail-accent-strong) !important;
}

html.dark .cal-agenda-item-type,
html.dark .cal-agenda-type-badge,
html.dark .cal-agenda-source-badge,
html.dark .cal-agenda-status-badge,
html.dark .cal-agenda-count-badge,
html[data-theme="dark"] .cal-agenda-item-type,
html[data-theme="dark"] .cal-agenda-type-badge,
html[data-theme="dark"] .cal-agenda-source-badge,
html[data-theme="dark"] .cal-agenda-status-badge,
html[data-theme="dark"] .cal-agenda-count-badge {
	background: rgba(215, 221, 229, 0.12) !important;
	border-color: rgba(215, 221, 229, 0.20) !important;
	color: var(--mail-accent) !important;
}

html.dark .cal-agenda-add-btn,
html.dark #calAgendaAddBtn,
html[data-theme="dark"] .cal-agenda-add-btn,
html[data-theme="dark"] #calAgendaAddBtn {
	background: #f0f3f7 !important;
	border-color: #f0f3f7 !important;
	color: #111318 !important;
	box-shadow: none !important;
}

html.dark .inbox-detail-panel,
html.dark .email-detail-panel,
html.dark #emailDetail,
html.dark #emailDetailContent,
html.dark .inbox-messages-scroll,
html.dark .inbox-scroll,
html.dark .detail-files-panel,
html[data-theme="dark"] .inbox-detail-panel,
html[data-theme="dark"] .email-detail-panel,
html[data-theme="dark"] #emailDetail,
html[data-theme="dark"] #emailDetailContent,
html[data-theme="dark"] .inbox-messages-scroll,
html[data-theme="dark"] .inbox-scroll,
html[data-theme="dark"] .detail-files-panel {
	background: var(--mail-panel) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-detail-header,
html.dark .email-detail-header,
html.dark .detail-tabs-bar,
html[data-theme="dark"] .inbox-detail-header,
html[data-theme="dark"] .email-detail-header,
html[data-theme="dark"] .detail-tabs-bar {
	background: #10151c !important;
	border-color: var(--mail-border) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-detail-meta,
html.dark .files-panel-empty,
html[data-theme="dark"] .inbox-detail-meta,
html[data-theme="dark"] .files-panel-empty {
	color: var(--mail-text-soft) !important;
}

html.dark .detail-tab,
html[data-theme="dark"] .detail-tab {
	background: transparent !important;
	color: var(--mail-text-soft) !important;
}

html.dark .detail-tab:hover,
html[data-theme="dark"] .detail-tab:hover {
	background: rgba(240, 243, 247, 0.06) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .detail-tab.active,
html[data-theme="dark"] .detail-tab.active {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-accent-strong) !important;
	box-shadow: inset 0 -2px 0 var(--mail-accent-strong) !important;
}

html.dark .detail-tab-badge,
html[data-theme="dark"] .detail-tab-badge {
	background: rgba(215, 221, 229, 0.12) !important;
	border: 1px solid rgba(215, 221, 229, 0.22) !important;
	color: var(--mail-accent) !important;
}

html.dark .inbox-detail-labels,
html.dark .inbox-detail-count,
html.dark #messageCount,
html.dark #lastMessageTime,
html.dark #metaSeparator,
html[data-theme="dark"] .inbox-detail-labels,
html[data-theme="dark"] .inbox-detail-count,
html[data-theme="dark"] #messageCount,
html[data-theme="dark"] #lastMessageTime,
html[data-theme="dark"] #metaSeparator {
	color: var(--mail-text-soft) !important;
	font-variant-numeric: tabular-nums;
}

html.dark .inbox-message-card,
html.dark .email-message,
html[data-theme="dark"] .inbox-message-card,
html[data-theme="dark"] .email-message {
	background: #12161d !important;
	border: 1px solid var(--mail-border) !important;
	box-shadow: none !important;
}

html.dark .inbox-msg-header,
html.dark .message-header,
html[data-theme="dark"] .inbox-msg-header,
html[data-theme="dark"] .message-header {
	background: #151a22 !important;
	border-bottom: 1px solid var(--mail-border) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-msg-header:hover,
html.dark .message-header:hover,
html[data-theme="dark"] .inbox-msg-header:hover,
html[data-theme="dark"] .message-header:hover {
	background: #1c222b !important;
}

html.dark .inbox-msg-sender-name,
html.dark .message-sender-name,
html.dark .inbox-detail-subject,
html[data-theme="dark"] .inbox-msg-sender-name,
html[data-theme="dark"] .message-sender-name,
html[data-theme="dark"] .inbox-detail-subject {
	color: var(--mail-text) !important;
}

html.dark .inbox-msg-sender-email,
html.dark .message-sender-email,
html.dark .inbox-msg-date,
html.dark .message-date,
html.dark .inbox-msg-recipients,
html.dark .to-list,
html.dark .cc-list,
html[data-theme="dark"] .inbox-msg-sender-email,
html[data-theme="dark"] .message-sender-email,
html[data-theme="dark"] .inbox-msg-date,
html[data-theme="dark"] .message-date,
html[data-theme="dark"] .inbox-msg-recipients,
html[data-theme="dark"] .to-list,
html[data-theme="dark"] .cc-list {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-msg-body-wrap,
html.dark .message-body-container,
html[data-theme="dark"] .inbox-msg-body-wrap,
html[data-theme="dark"] .message-body-container {
	background: #11161d !important;
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-msg-body,
html.dark .message-body,
html.dark .inbox-attachment-header,
html.dark .inbox-attachment-size,
html.dark .attachment-count,
html.dark .reply-attachment-remove,
html[data-theme="dark"] .inbox-msg-body,
html[data-theme="dark"] .message-body,
html[data-theme="dark"] .inbox-attachment-header,
html[data-theme="dark"] .inbox-attachment-size,
html[data-theme="dark"] .attachment-count {
	color: var(--mail-text-soft) !important;
}

html.dark .reply-attachment-remove,
html[data-theme="dark"] .reply-attachment-remove {
	color: var(--mail-text-soft) !important;
}

html.dark .reply-attachment-remove:hover,
html[data-theme="dark"] .reply-attachment-remove:hover {
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-message-card.collapsed .inbox-msg-snippet,
html.dark .email-message.collapsed .inbox-msg-snippet,
html[data-theme="dark"] .inbox-message-card.collapsed .inbox-msg-snippet,
html[data-theme="dark"] .email-message.collapsed .inbox-msg-snippet {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-empty-icon,
html.dark .detail-files-panel,
html.dark .detail-files-panel p,
html.dark .snooze-dropdown-header,
html.dark .snooze-item-time,
html.dark .inbox-loading-fill span,
html[data-theme="dark"] .inbox-empty-icon,
html[data-theme="dark"] .detail-files-panel,
html[data-theme="dark"] .detail-files-panel p,
html[data-theme="dark"] .snooze-dropdown-header,
html[data-theme="dark"] .snooze-item-time,
html[data-theme="dark"] .inbox-loading-fill span {
	color: var(--mail-text-soft) !important;
}

html.dark .snooze-item-label,
html.dark .snooze-item-icon,
html[data-theme="dark"] .snooze-item-label,
html[data-theme="dark"] .snooze-item-icon {
	color: var(--mail-text) !important;
}

html.dark .snooze-dropdown-item:hover .snooze-item-time,
html.dark .snooze-dropdown-item:hover .snooze-item-icon,
html[data-theme="dark"] .snooze-dropdown-item:hover .snooze-item-time,
html[data-theme="dark"] .snooze-dropdown-item:hover .snooze-item-icon {
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-detail-toolbar .inbox-toolbar-divider,
html[data-theme="dark"] .inbox-detail-toolbar .inbox-toolbar-divider {
	background: var(--mail-border) !important;
}

html.dark .inbox-dropdown-menu,
html.dark .compose-template-dropdown,
html.dark .compose-box-dropdown,
html[data-theme="dark"] .inbox-dropdown-menu,
html[data-theme="dark"] .compose-template-dropdown,
html[data-theme="dark"] .compose-box-dropdown {
	background: #11161d !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-dropdown-item,
html[data-theme="dark"] .inbox-dropdown-item {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-dropdown-item:hover,
html[data-theme="dark"] .inbox-dropdown-item:hover {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-dropdown-divider,
html[data-theme="dark"] .inbox-dropdown-divider {
	background: var(--mail-border) !important;
}

html.dark .thread-briefing-panel,
html[data-theme="dark"] .thread-briefing-panel {
	background: #10151c !important;
	border-bottom: 1px solid var(--mail-border) !important;
}

html.dark .thread-briefing-header,
html[data-theme="dark"] .thread-briefing-header {
	background: transparent !important;
}

html.dark .thread-briefing-header:hover,
html[data-theme="dark"] .thread-briefing-header:hover {
	background: rgba(240, 243, 247, 0.06) !important;
}

html.dark .thread-briefing-title,
html.dark .thread-briefing-narrative,
html[data-theme="dark"] .thread-briefing-title,
html[data-theme="dark"] .thread-briefing-narrative {
	color: var(--mail-text) !important;
}

html.dark .thread-briefing-label,
html.dark .thread-briefing-meta,
html.dark .thread-briefing-actions li,
html.dark .thread-briefing-chevron,
html[data-theme="dark"] .thread-briefing-label,
html[data-theme="dark"] .thread-briefing-meta,
html[data-theme="dark"] .thread-briefing-actions li,
html[data-theme="dark"] .thread-briefing-chevron {
	color: var(--mail-text-soft) !important;
}

html.dark .thread-briefing-tag,
html[data-theme="dark"] .thread-briefing-tag {
	background: rgba(215, 221, 229, 0.12) !important;
	border: 1px solid rgba(215, 221, 229, 0.22) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .thread-briefing-sentiment,
html.dark .thread-briefing-status,
html.dark .sentiment-positive,
html.dark .sentiment-negative,
html.dark .sentiment-urgent,
html.dark .sentiment-neutral,
html[data-theme="dark"] .thread-briefing-sentiment,
html[data-theme="dark"] .thread-briefing-status,
html[data-theme="dark"] .sentiment-positive,
html[data-theme="dark"] .sentiment-negative,
html[data-theme="dark"] .sentiment-urgent,
html[data-theme="dark"] .sentiment-neutral {
	background: rgba(240, 243, 247, 0.10) !important;
	border: 1px solid rgba(240, 243, 247, 0.18) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-smart-reply,
html.dark .inbox-smart-reply-content,
html[data-theme="dark"] .inbox-smart-reply,
html[data-theme="dark"] .inbox-smart-reply-content {
	background: #10151c !important;
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-smart-chip,
html[data-theme="dark"] .inbox-smart-chip {
	background: #171d27 !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-smart-chip:hover,
html[data-theme="dark"] .inbox-smart-chip:hover {
	background: #1d2430 !important;
	border-color: rgba(240, 243, 247, 0.26) !important;
	color: var(--mail-text) !important;
}

html.dark .ai-tag,
html[data-theme="dark"] .ai-tag {
	background: #d7dde5 !important;
	color: #111318 !important;
}

html.dark .inbox-ai-thinking,
html[data-theme="dark"] .inbox-ai-thinking {
	color: var(--mail-text-muted) !important;
}

html.dark .inbox-ai-dots span,
html[data-theme="dark"] .inbox-ai-dots span {
	background: var(--mail-accent) !important;
}

html.dark .inbox-reply-container,
html[data-theme="dark"] .inbox-reply-container {
	background: var(--mail-panel) !important;
	border-top: 1px solid var(--mail-border) !important;
}

html.dark .inbox-reply-btn,
html.dark #replyFormSuggestionsBtn,
html[data-theme="dark"] .inbox-reply-btn,
html[data-theme="dark"] #replyFormSuggestionsBtn {
	background: #12161d !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-reply-btn svg,
html.dark #replyFormSuggestionsBtn svg,
html[data-theme="dark"] .inbox-reply-btn svg,
html[data-theme="dark"] #replyFormSuggestionsBtn svg {
	color: var(--mail-text-muted) !important;
}

html.dark .inbox-reply-btn:hover,
html.dark #replyFormSuggestionsBtn:hover,
html[data-theme="dark"] .inbox-reply-btn:hover,
html[data-theme="dark"] #replyFormSuggestionsBtn:hover {
	background: #1c222b !important;
	border-color: rgba(240, 243, 247, 0.26) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-reply-btn:hover svg,
html.dark #replyFormSuggestionsBtn:hover svg,
html[data-theme="dark"] .inbox-reply-btn:hover svg,
html[data-theme="dark"] #replyFormSuggestionsBtn:hover svg {
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-reply-btn.ai-btn,
html.dark #replyFormSuggestionsBtn,
html[data-theme="dark"] .inbox-reply-btn.ai-btn,
html[data-theme="dark"] #replyFormSuggestionsBtn {
	background: #161c25 !important;
	border-color: #3a424e !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .inbox-reply-expanded,
html[data-theme="dark"] .inbox-reply-expanded {
	background: #10151c !important;
	border: 1px solid var(--mail-border) !important;
	box-shadow: none !important;
}

html.dark .inbox-reply-field,
html.dark .inbox-reply-toolbar,
html.dark .inbox-reply-ai-bar,
html[data-theme="dark"] .inbox-reply-field,
html[data-theme="dark"] .inbox-reply-toolbar,
html[data-theme="dark"] .inbox-reply-ai-bar {
	border-color: var(--mail-border) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .compose-field-link,
html.dark .inbox-format-btn,
html.dark .inbox-reply-ai-btn,
html[data-theme="dark"] .compose-field-link,
html[data-theme="dark"] .inbox-format-btn,
html[data-theme="dark"] .inbox-reply-ai-btn {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-reply-toolbar .inbox-btn.inbox-btn-sm,
html[data-theme="dark"] .inbox-reply-toolbar .inbox-btn.inbox-btn-sm {
	background: #12161d !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-reply-toolbar .inbox-btn.inbox-btn-sm:hover,
html[data-theme="dark"] .inbox-reply-toolbar .inbox-btn.inbox-btn-sm:hover {
	background: #1c222b !important;
	border-color: rgba(240, 243, 247, 0.26) !important;
	color: var(--mail-text) !important;
}

html.dark #replyEditor[contenteditable]:empty::before,
html[data-theme="dark"] #replyEditor[contenteditable]:empty::before {
	color: var(--mail-text-muted) !important;
}

html.dark .inbox-format-btn:hover,
html.dark .inbox-reply-ai-btn:hover,
html[data-theme="dark"] .inbox-format-btn:hover,
html[data-theme="dark"] .inbox-reply-ai-btn:hover {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-reply-editor,
html[data-theme="dark"] .inbox-reply-editor {
	background: transparent !important;
	color: var(--mail-text) !important;
}

html.dark .crm-contact-card,
html.dark .crm-panel-unknown,
html.dark .crm-section,
html.dark .crm-ai-command-center,
html.dark .crm-ai-intel-strip,
html.dark .crm-alerts-banner,
html.dark .crm-ai-response,
html[data-theme="dark"] .crm-contact-card,
html[data-theme="dark"] .crm-panel-unknown,
html[data-theme="dark"] .crm-section,
html[data-theme="dark"] .crm-ai-command-center,
html[data-theme="dark"] .crm-ai-intel-strip,
html[data-theme="dark"] .crm-alerts-banner,
html[data-theme="dark"] .crm-ai-response {
	background: #12161d !important;
	border: 1px solid var(--mail-border) !important;
	color: var(--mail-text-soft) !important;
}

html.dark .crm-contact-name,
html.dark .crm-unknown-email,
html.dark .crm-ai-score-label,
html.dark .crm-ai-text,
html.dark .crm-participants-label,
html[data-theme="dark"] .crm-contact-name,
html[data-theme="dark"] .crm-unknown-email,
html[data-theme="dark"] .crm-ai-score-label,
html[data-theme="dark"] .crm-ai-text,
html[data-theme="dark"] .crm-participants-label {
	color: var(--mail-text) !important;
}

html.dark .crm-contact-title,
html.dark .crm-unknown-hint,
html.dark .crm-info-label,
html.dark .crm-section-empty,
html.dark .crm-ai-score-sublabel,
html.dark .crm-ai-next-label,
html.dark .crm-participants-list,
html.dark .crm-panel-empty p,
html.dark .crm-panel-loading p,
html[data-theme="dark"] .crm-contact-title,
html[data-theme="dark"] .crm-unknown-hint,
html[data-theme="dark"] .crm-info-label,
html[data-theme="dark"] .crm-section-empty,
html[data-theme="dark"] .crm-ai-score-sublabel,
html[data-theme="dark"] .crm-ai-next-label,
html[data-theme="dark"] .crm-participants-list,
html[data-theme="dark"] .crm-panel-empty p,
html[data-theme="dark"] .crm-panel-loading p {
	color: var(--mail-text-soft) !important;
}

html.dark .crm-info-value,
html[data-theme="dark"] .crm-info-value {
	color: var(--mail-text) !important;
}

html.dark .crm-info-value[data-editable]:hover,
html[data-theme="dark"] .crm-info-value[data-editable]:hover {
	background: rgba(240, 243, 247, 0.06) !important;
	color: var(--mail-text) !important;
}

html.dark .crm-contact-avatar,
html.dark .crm-ai-score-circle,
html[data-theme="dark"] .crm-contact-avatar,
html[data-theme="dark"] .crm-ai-score-circle {
	background: #1a212b !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .crm-lead-score,
html.dark .crm-section-count,
html[data-theme="dark"] .crm-lead-score,
html[data-theme="dark"] .crm-section-count {
	background: rgba(215, 221, 229, 0.12) !important;
	border: 1px solid rgba(215, 221, 229, 0.22) !important;
	color: var(--mail-accent-strong) !important;
}

html.dark .crm-contact-actions .inbox-btn,
html.dark .crm-ai-quick-btn,
html.dark .crm-add-btn,
html.dark .crm-ai-command-send,
html[data-theme="dark"] .crm-contact-actions .inbox-btn,
html[data-theme="dark"] .crm-ai-quick-btn,
html[data-theme="dark"] .crm-add-btn,
html[data-theme="dark"] .crm-ai-command-send {
	background: #151a22 !important;
	border: 1px solid var(--mail-border-strong) !important;
	color: var(--mail-text) !important;
}

html.dark .crm-contact-actions .inbox-btn svg,
html[data-theme="dark"] .crm-contact-actions .inbox-btn svg {
	color: var(--mail-text-soft) !important;
	stroke: var(--mail-text-soft) !important;
}

html.dark .crm-contact-actions .inbox-btn:hover,
html.dark .crm-ai-quick-btn:hover,
html.dark .crm-add-btn:hover,
html.dark .crm-ai-command-send:hover,
html[data-theme="dark"] .crm-contact-actions .inbox-btn:hover,
html[data-theme="dark"] .crm-ai-quick-btn:hover,
html[data-theme="dark"] .crm-add-btn:hover,
html[data-theme="dark"] .crm-ai-command-send:hover {
	background: #1d2430 !important;
	border-color: rgba(240, 243, 247, 0.24) !important;
	color: var(--mail-text) !important;
}

html.dark .crm-ai-command-input-wrap,
html[data-theme="dark"] .crm-ai-command-input-wrap {
	background: #0d1117 !important;
	border: 1px solid var(--mail-border-strong) !important;
}

html.dark .crm-ai-command-input,
html[data-theme="dark"] .crm-ai-command-input {
	color: var(--mail-text) !important;
}

html.dark .crm-ai-command-input::placeholder,
html[data-theme="dark"] .crm-ai-command-input::placeholder {
	color: var(--mail-text-faint) !important;
}

html.dark .crm-ai-command-icon,
html.dark .crm-collapse-icon,
html.dark .crm-section-empty svg,
html[data-theme="dark"] .crm-ai-command-icon,
html[data-theme="dark"] .crm-collapse-icon,
html[data-theme="dark"] .crm-section-empty svg {
	color: var(--mail-text-soft) !important;
}

html.dark .inbox-empty-title,
html.dark .inbox-empty-subtitle,
html.dark .product-drawer-title,
html.dark .product-drawer-subtitle,
html[data-theme="dark"] .inbox-empty-title,
html[data-theme="dark"] .inbox-empty-subtitle,
html[data-theme="dark"] .product-drawer-title,
html[data-theme="dark"] .product-drawer-subtitle {
	color: var(--mail-text-soft) !important;
}

html.dark .crm-ai-response-close,
html[data-theme="dark"] .crm-ai-response-close {
	color: var(--mail-text-muted) !important;
}

html.dark .crm-ai-response-close:hover,
html[data-theme="dark"] .crm-ai-response-close:hover {
	background: rgba(240, 243, 247, 0.08) !important;
	color: var(--mail-text) !important;
}

html.dark .inbox-product-rail,
html.dark .inbox-utility-strip,
html[data-theme="dark"] .inbox-product-rail,
html[data-theme="dark"] .inbox-utility-strip {
	background: #0c0f13 !important;
	border-color: var(--mail-border) !important;
}

html.dark .inbox-product-rail-btn,
html.dark .inbox-utility-btn,
html[data-theme="dark"] .inbox-product-rail-btn,
html[data-theme="dark"] .inbox-utility-btn {
	background: transparent !important;
	color: var(--mail-text-muted) !important;
}

html.dark .inbox-product-rail-btn:hover,
html.dark .inbox-product-rail-btn.active,
html.dark .inbox-utility-btn:hover,
html.dark .inbox-utility-btn.active,
html[data-theme="dark"] .inbox-product-rail-btn:hover,
html[data-theme="dark"] .inbox-product-rail-btn.active,
html[data-theme="dark"] .inbox-utility-btn:hover,
html[data-theme="dark"] .inbox-utility-btn.active {
	background: rgba(240, 243, 247, 0.10) !important;
	color: var(--mail-accent-strong) !important;
}

	html.dark body:has(#inboxProductRail) .inbox-utility-strip.inbox-product-rail,
	html[data-theme="dark"] body:has(#inboxProductRail) .inbox-utility-strip.inbox-product-rail {
		background: linear-gradient(180deg, #151c26 0%, #101720 100%) !important;
		border-color: rgba(226, 232, 240, 0.12) !important;
	}

	html.dark body:has(#inboxProductRail) .inbox-product-rail .inbox-product-rail-btn.active,
	html.dark body:has(#inboxProductRail) .inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
	html.dark body:has(#inboxProductRail) .inbox-product-rail .inbox-utility-btn.active,
	html.dark body:has(#inboxProductRail) .inbox-product-rail .inbox-utility-btn[aria-pressed="true"],
	html[data-theme="dark"] body:has(#inboxProductRail) .inbox-product-rail .inbox-product-rail-btn.active,
	html[data-theme="dark"] body:has(#inboxProductRail) .inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
	html[data-theme="dark"] body:has(#inboxProductRail) .inbox-product-rail .inbox-utility-btn.active,
	html[data-theme="dark"] body:has(#inboxProductRail) .inbox-product-rail .inbox-utility-btn[aria-pressed="true"] {
		background-color: #25332c !important;
		background-image: none !important;
		border-color: rgba(147, 161, 150, 0.42) !important;
		color: #d7e2dc !important;
	}

	html.dark #inboxProductRail.inbox-product-rail .inbox-product-rail-btn.active,
	html.dark #inboxProductRail.inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
	html[data-theme="dark"] #inboxProductRail.inbox-product-rail .inbox-product-rail-btn.active,
	html[data-theme="dark"] #inboxProductRail.inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"] {
		background: #25332c !important;
		background-color: #25332c !important;
		background-image: none !important;
		border-color: rgba(147, 161, 150, 0.42) !important;
		color: #d7e2dc !important;
	}

body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail.inbox-utility-strip {
	background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 100%) !important;
	border-color: #dbe2e8 !important;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16), inset 0 1px 0 rgba(255,255,255,0.74) !important;
	color: #66717c !important;
}

body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn,
body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn {
	background: transparent !important;
	border-color: transparent !important;
	color: #66717c !important;
}

body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn:hover,
body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn:hover {
	background: #f0f4f2 !important;
	border-color: #cbd7d0 !important;
	color: #30453a !important;
}

body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn.active,
body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn.active,
body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn[aria-pressed="true"] {
	background: #e8f0eb !important;
	background-image: none !important;
	border-color: #b9c9bf !important;
	color: #30453a !important;
}

html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail.inbox-utility-strip,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail.inbox-utility-strip {
	background: linear-gradient(180deg, #151c26 0%, #101720 100%) !important;
	border-color: rgba(226, 232, 240, 0.12) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.05) !important;
	color: #c1cad7 !important;
}

html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn,
html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn {
	background: transparent !important;
	border-color: transparent !important;
	color: #c1cad7 !important;
}

html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn:hover,
html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn:hover,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn:hover,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn:hover {
	background: rgba(240, 243, 247, 0.10) !important;
	border-color: rgba(240, 243, 247, 0.18) !important;
	color: #f5f7fa !important;
}

html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn.active,
html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn.active,
html.dark body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn[aria-pressed="true"],
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn.active,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-product-rail-btn[aria-pressed="true"],
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn.active,
html[data-theme="dark"] body:has(#inboxProductRail) #inboxProductRail.inbox-product-rail .inbox-utility-btn[aria-pressed="true"] {
	background: #25332c !important;
	background-image: none !important;
	border-color: rgba(147, 161, 150, 0.42) !important;
	color: #d7e2dc !important;
}

html.dark .sidebar-wrapper,
html[data-theme="dark"] .sidebar-wrapper {
	background: #0b1016 !important;
	border-right-color: #252b34 !important;
}

html.dark .sidebar-brand,
html.dark .nav-section-header,
html[data-theme="dark"] .sidebar-brand,
html[data-theme="dark"] .nav-section-header {
	border-color: #252b34 !important;
}

html.dark .sidebar-wrapper .section-icon,
html[data-theme="dark"] .sidebar-wrapper .section-icon {
	background: #141922 !important;
	border: 1px solid #353e4a !important;
	box-shadow: none !important;
	color: #d7dde5 !important;
}

html.dark .sidebar-wrapper .nav-single:hover .section-icon,
html.dark .sidebar-wrapper .nav-item.active > .nav-link .section-icon,
html.dark .sidebar-wrapper .nav-single.active .section-icon,
html[data-theme="dark"] .sidebar-wrapper .nav-single:hover .section-icon,
html[data-theme="dark"] .sidebar-wrapper .nav-item.active > .nav-link .section-icon,
html[data-theme="dark"] .sidebar-wrapper .nav-single.active .section-icon {
	background: #202733 !important;
	border-color: rgba(240, 243, 247, 0.30) !important;
	color: #f0f3f7 !important;
}

html.dark .sidebar-wrapper .nav-link,
html.dark .sidebar-wrapper .nav-single,
html[data-theme="dark"] .sidebar-wrapper .nav-link,
html[data-theme="dark"] .sidebar-wrapper .nav-single {
	color: #b8c0ca !important;
}

html.dark .sidebar-wrapper .nav-link:hover,
html.dark .sidebar-wrapper .nav-single:hover,
html.dark .sidebar-wrapper .nav-item.active > .nav-link,
html.dark .sidebar-wrapper .nav-single.active,
html[data-theme="dark"] .sidebar-wrapper .nav-link:hover,
html[data-theme="dark"] .sidebar-wrapper .nav-single:hover,
html[data-theme="dark"] .sidebar-wrapper .nav-item.active > .nav-link,
html[data-theme="dark"] .sidebar-wrapper .nav-single.active {
	background: rgba(240, 243, 247, 0.08) !important;
	color: #f0f3f7 !important;
}