html.di-crm-dark,
html.di-crm-dark body,
body.di-crm-dark-body {
  background: #0f172a !important;
  color: #dbe4f0 !important;
}

html.di-crm-dark #header,
html.di-crm-dark #side-menu,
html.di-crm-dark #setup-menu-wrapper,
html.di-crm-dark .admin #wrapper,
html.di-crm-dark .content,
html.di-crm-dark .tw-bg-white {
  background-color: #0f172a !important;
}

html.di-crm-dark #menu,
html.di-crm-dark #setup-menu,
html.di-crm-dark .sidebar,
html.di-crm-dark .navbar,
html.di-crm-dark .navbar-default,
html.di-crm-dark .navbar-nav,
html.di-crm-dark .mobile-navbar {
  background: #111827 !important;
  border-color: #263244 !important;
}

html.di-crm-dark .panel_s,
html.di-crm-dark .panel_s > .panel-body,
html.di-crm-dark .panel,
html.di-crm-dark .panel-body,
html.di-crm-dark .panel-heading,
html.di-crm-dark .modal-content,
html.di-crm-dark .dropdown-menu,
html.di-crm-dark .popover,
html.di-crm-dark .well,
html.di-crm-dark .alert,
html.di-crm-dark .table-responsive,
html.di-crm-dark .dataTables_wrapper,
html.di-crm-dark .dt-loader,
html.di-crm-dark .kan-ban-content,
html.di-crm-dark .task-single-col,
html.di-crm-dark .lead-wrapper,
html.di-crm-dark .customer-profile-group-heading,
html.di-crm-dark .widget,
html.di-crm-dark ._buttons {
  background-color: #172033 !important;
  border-color: #2b3a52 !important;
  color: #dbe4f0 !important;
}

html.di-crm-dark .table,
html.di-crm-dark table,
html.di-crm-dark .table > thead > tr > th,
html.di-crm-dark .table > tbody > tr > td,
html.di-crm-dark .table > tfoot > tr > td,
html.di-crm-dark .table-striped > tbody > tr:nth-of-type(odd),
html.di-crm-dark .table-hover > tbody > tr:hover {
  background-color: #172033 !important;
  border-color: #2b3a52 !important;
  color: #dbe4f0 !important;
}

html.di-crm-dark .form-control,
html.di-crm-dark input,
html.di-crm-dark textarea,
html.di-crm-dark select,
html.di-crm-dark .bootstrap-select .btn,
html.di-crm-dark .select2-selection,
html.di-crm-dark .input-group-addon,
html.di-crm-dark .dropdown-menu > li > a {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
}

html.di-crm-dark .form-control::placeholder,
html.di-crm-dark input::placeholder,
html.di-crm-dark textarea::placeholder {
  color: #94a3b8 !important;
}

html.di-crm-dark a,
html.di-crm-dark .nav > li > a,
html.di-crm-dark .navbar-nav > li > a,
html.di-crm-dark #side-menu li a,
html.di-crm-dark #setup-menu li a,
html.di-crm-dark .text-muted,
html.di-crm-dark .text-neutral-500,
html.di-crm-dark .tw-text-neutral-500,
html.di-crm-dark .tw-text-neutral-600,
html.di-crm-dark .tw-text-neutral-700,
html.di-crm-dark .tw-text-neutral-800 {
  color: #cbd5e1 !important;
}

html.di-crm-dark a:hover,
html.di-crm-dark .nav > li > a:hover,
html.di-crm-dark .nav > li.active > a,
html.di-crm-dark .nav-tabs > li.active > a,
html.di-crm-dark .nav-tabs > li.active > a:focus,
html.di-crm-dark .nav-tabs > li.active > a:hover,
html.di-crm-dark #side-menu li.active > a,
html.di-crm-dark #side-menu li a:hover {
  background-color: #24314a !important;
  color: #ffffff !important;
  border-color: #3b4b68 !important;
}

html.di-crm-dark h1,
html.di-crm-dark h2,
html.di-crm-dark h3,
html.di-crm-dark h4,
html.di-crm-dark h5,
html.di-crm-dark h6,
html.di-crm-dark label,
html.di-crm-dark strong,
html.di-crm-dark .bold,
html.di-crm-dark .control-label {
  color: #f8fafc !important;
}

html.di-crm-dark .btn-default,
html.di-crm-dark .btn-light,
html.di-crm-dark .btn-info:not(.btn-primary) {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
  color: #e5edf7 !important;
}

html.di-crm-dark .btn-default:hover,
html.di-crm-dark .btn-light:hover {
  background-color: #334155 !important;
  color: #ffffff !important;
}

html .table-loading {
  background-image: none !important;
}

html.di-crm-dark .table-loading {
  background-color: #172033 !important;
}

html .dt-loader:not(:required),
html #tasks_processing {
  display: none !important;
}

html.di-crm-dark #top_search input,
html.di-crm-dark #search_input {
  background: #172033 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
}

.di-dark-mode-nav-item > a {
  align-items: center;
  border: 1px solid #cbd5e1;
  box-sizing: border-box;
  border-radius: 999px;
  display: inline-flex !important;
  height: 32px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  min-height: 32px;
  min-width: 32px;
  padding: 0 !important;
  width: 32px;
}

.navbar-right .di-dark-mode-nav-item {
  align-items: center;
  display: flex !important;
  height: 57px;
  margin: 0 7px 0 2px;
}

.navbar-right .di-dark-mode-nav-item > a {
  height: 32px;
}

.di-dark-mode-nav-item i {
  color: #64748b !important;
  display: block;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  width: 14px;
}

.mobile-icon-menu .di-dark-mode-nav-item {
  align-items: center;
  display: inline-flex;
  height: 22px;
}

.di-dark-mode-nav-item > a:hover,
.di-dark-mode-nav-item > a:focus {
  background: #f1f5f9 !important;
  border-color: #94a3b8;
}

html.di-crm-dark .di-dark-mode-nav-item i {
  color: #facc15 !important;
}

html.di-crm-dark .di-dark-mode-nav-item > a {
  border-color: #facc15;
}

html.di-crm-dark .di-dark-mode-nav-item > a:hover,
html.di-crm-dark .di-dark-mode-nav-item > a:focus {
  background: rgba(250, 204, 21, .12) !important;
  border-color: #fde68a;
}

html.di-crm-dark .label-default {
  background-color: #334155 !important;
  border-color: #64748b !important;
  color: #e5edf7 !important;
}

html.di-crm-dark .label-default *,
html.di-crm-dark span.label-default,
html.di-crm-dark .label.label-default {
  color: #e5edf7 !important;
}

html.di-crm-dark .modal-backdrop {
  background-color: #020617 !important;
}

html.di-crm-dark .bg-white,
html.di-crm-dark .bg-light,
html.di-crm-dark .white,
html.di-crm-dark .tw-bg-white,
html.di-crm-dark .tw-bg-neutral-50,
html.di-crm-dark .tw-bg-neutral-100,
html.di-crm-dark .tw-bg-slate-50,
html.di-crm-dark .tw-bg-slate-100,
html.di-crm-dark [style*="background:#fff"],
html.di-crm-dark [style*="background: #fff"],
html.di-crm-dark [style*="background-color:#fff"],
html.di-crm-dark [style*="background-color: #fff"],
html.di-crm-dark [style*="background:white"],
html.di-crm-dark [style*="background: white"],
html.di-crm-dark [style*="background-color:white"],
html.di-crm-dark [style*="background-color: white"],
html.di-crm-dark [style*="background: rgb(255, 255, 255)"],
html.di-crm-dark [style*="background-color: rgb(255, 255, 255)"] {
  color: #0f172a !important;
}

html.di-crm-dark .bg-white *,
html.di-crm-dark .bg-light *,
html.di-crm-dark .white *,
html.di-crm-dark .tw-bg-white *,
html.di-crm-dark .tw-bg-neutral-50 *,
html.di-crm-dark .tw-bg-neutral-100 *,
html.di-crm-dark .tw-bg-slate-50 *,
html.di-crm-dark .tw-bg-slate-100 *,
html.di-crm-dark [style*="background:#fff"] *,
html.di-crm-dark [style*="background: #fff"] *,
html.di-crm-dark [style*="background-color:#fff"] *,
html.di-crm-dark [style*="background-color: #fff"] *,
html.di-crm-dark [style*="background:white"] *,
html.di-crm-dark [style*="background: white"] *,
html.di-crm-dark [style*="background-color:white"] *,
html.di-crm-dark [style*="background-color: white"] *,
html.di-crm-dark [style*="background: rgb(255, 255, 255)"] *,
html.di-crm-dark [style*="background-color: rgb(255, 255, 255)"] * {
  color: #0f172a !important;
}

html.di-crm-dark .bg-white a,
html.di-crm-dark .bg-light a,
html.di-crm-dark .white a,
html.di-crm-dark .tw-bg-white a,
html.di-crm-dark .tw-bg-neutral-50 a,
html.di-crm-dark .tw-bg-neutral-100 a,
html.di-crm-dark [style*="background:#fff"] a,
html.di-crm-dark [style*="background: #fff"] a,
html.di-crm-dark [style*="background-color:#fff"] a,
html.di-crm-dark [style*="background-color: #fff"] a,
html.di-crm-dark [style*="background:white"] a,
html.di-crm-dark [style*="background: white"] a,
html.di-crm-dark [style*="background-color:white"] a,
html.di-crm-dark [style*="background-color: white"] a {
  color: #334155 !important;
}

html.di-crm-dark .bg-white .active,
html.di-crm-dark .bg-light .active,
html.di-crm-dark .white .active,
html.di-crm-dark .tw-bg-white .active,
html.di-crm-dark .tw-bg-neutral-50 .active,
html.di-crm-dark .tw-bg-neutral-100 .active {
  color: #020617 !important;
}

html.di-crm-dark .bg-white .text-muted,
html.di-crm-dark .bg-light .text-muted,
html.di-crm-dark .white .text-muted,
html.di-crm-dark .tw-bg-white .text-muted,
html.di-crm-dark .tw-bg-neutral-500,
html.di-crm-dark .tw-bg-white .tw-text-neutral-500,
html.di-crm-dark .tw-bg-white .tw-text-neutral-600,
html.di-crm-dark .tw-bg-white .tw-text-neutral-700,
html.di-crm-dark .tw-bg-white .tw-text-neutral-800 {
  color: #475569 !important;
}

html.di-crm-dark .bg-white .btn-default,
html.di-crm-dark .bg-light .btn-default,
html.di-crm-dark .white .btn-default,
html.di-crm-dark .tw-bg-white .btn-default,
html.di-crm-dark .bg-white .btn-light,
html.di-crm-dark .bg-light .btn-light,
html.di-crm-dark .white .btn-light,
html.di-crm-dark .tw-bg-white .btn-light,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background:#fff"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background: #fff"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color:#fff"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color: #fff"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background:white"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background: white"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color:white"],
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color: white"] {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html.di-crm-dark .bg-white .btn-default *,
html.di-crm-dark .bg-light .btn-default *,
html.di-crm-dark .white .btn-default *,
html.di-crm-dark .tw-bg-white .btn-default *,
html.di-crm-dark .bg-white .btn-light *,
html.di-crm-dark .bg-light .btn-light *,
html.di-crm-dark .white .btn-light *,
html.di-crm-dark .tw-bg-white .btn-light *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background:#fff"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background: #fff"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color:#fff"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color: #fff"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background:white"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background: white"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color:white"] *,
html.di-crm-dark .bootstrap-select .dropdown-toggle[style*="background-color: white"] * {
  color: #0f172a !important;
}

html.di-crm-dark .nav-tabs-horizontal {
  background-color: #f3f4f6 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html.di-crm-dark .nav-tabs-horizontal > li:not(.active) > a,
html.di-crm-dark .nav-tabs-horizontal > li:not(.active) > a i,
html.di-crm-dark .nav-tabs-horizontal > li:not(.active) > a span {
  color: #334155 !important;
}

html.di-crm-dark .nav-tabs-horizontal > li:not(.active) > a:hover,
html.di-crm-dark .nav-tabs-horizontal > li:not(.active) > a:focus {
  background-color: #e5e7eb !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html.di-crm-dark a.dropdown-toggle.label[style*="background: #f9fafb"],
html.di-crm-dark a.dropdown-toggle.label[style*="background:#f9fafb"],
html.di-crm-dark a.dropdown-toggle.label[style*="background-color: #f9fafb"],
html.di-crm-dark a.dropdown-toggle.label[style*="background-color:#f9fafb"],
html.di-crm-dark a.dropdown-toggle.label[style*="background: rgb(249, 250, 251)"],
html.di-crm-dark a.dropdown-toggle.label[style*="background-color: rgb(249, 250, 251)"] {
  background-color: #f9fafb !important;
  border-color: #c1c7d1 !important;
  color: #334155 !important;
}

html.di-crm-dark a.dropdown-toggle.label[style*="background: #f9fafb"] *,
html.di-crm-dark a.dropdown-toggle.label[style*="background:#f9fafb"] *,
html.di-crm-dark a.dropdown-toggle.label[style*="background-color: #f9fafb"] *,
html.di-crm-dark a.dropdown-toggle.label[style*="background-color:#f9fafb"] *,
html.di-crm-dark a.dropdown-toggle.label[style*="background: rgb(249, 250, 251)"] *,
html.di-crm-dark a.dropdown-toggle.label[style*="background-color: rgb(249, 250, 251)"] * {
  color: #334155 !important;
}

html.di-crm-dark .pagination > li > a,
html.di-crm-dark .pagination > li > span {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}

html.di-crm-dark .pagination > .active > a,
html.di-crm-dark .pagination > .active > span,
html.di-crm-dark .pagination > li > a:hover,
html.di-crm-dark .pagination > li > span:hover {
  background-color: #e5e7eb !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

html.di-crm-dark .top_stats_wrapper,
html.di-crm-dark .top_stats_wrapper *,
html.di-crm-dark .top_stats_wrapper a,
html.di-crm-dark .top_stats_wrapper span,
html.di-crm-dark .top_stats_wrapper i {
  color: #334155 !important;
}

html.di-crm-dark .top_stats_wrapper .progress,
html.di-crm-dark .top_stats_wrapper .progress * {
  color: inherit !important;
}

html.di-crm-dark .profile.tw-bg-white,
html.di-crm-dark button.tw-bg-white,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) {
  color: #e5edf7 !important;
}

html.di-crm-dark .profile.tw-bg-white *,
html.di-crm-dark button.tw-bg-white *,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) * {
  color: #e5edf7 !important;
}

html.di-crm-dark .profile.tw-bg-white .tw-text-neutral-500,
html.di-crm-dark button.tw-bg-white .tw-text-neutral-500,
html.di-crm-dark button.tw-bg-white .tw-text-neutral-600,
html.di-crm-dark button.tw-bg-white .tw-text-neutral-700,
html.di-crm-dark button.tw-bg-white .tw-text-neutral-800,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) .tw-text-neutral-500,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) .tw-text-neutral-600,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) .tw-text-neutral-700,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) .tw-text-neutral-800 {
  color: #cbd5e1 !important;
}

html.di-crm-dark button.tw-bg-white span[style*="color: rgb(59, 130, 246)"],
html.di-crm-dark button.tw-bg-white span[style*="color: rgb(2, 132, 199)"] {
  color: #7dd3fc !important;
}

html.di-crm-dark button.tw-bg-white span[style*="color: rgb(132, 204, 22)"],
html.di-crm-dark button.tw-bg-white span[style*="color: rgb(34, 197, 94)"] {
  color: #86efac !important;
}

html.di-crm-dark button.tw-bg-white span[style*="color: rgb(100, 116, 139)"] {
  color: #cbd5e1 !important;
}

html.di-crm-dark .row-options,
html.di-crm-dark .row-options a {
  color: #cbd5e1 !important;
}

html.di-crm-dark .row-options a:hover,
html.di-crm-dark .row-options a:focus {
  color: #ffffff !important;
}

html.di-crm-dark .panel_s .dataTables_info,
html.di-crm-dark .panel_s .fc-col-header-cell-cushion,
html.di-crm-dark .panel_s .date,
html.di-crm-dark .panel_s .text-has-action,
html.di-crm-dark .panel_s .text,
html.di-crm-dark .panel-body .dataTables_info,
html.di-crm-dark .panel-body .fc-col-header-cell-cushion,
html.di-crm-dark .panel-body .date,
html.di-crm-dark .panel-body .text-has-action,
html.di-crm-dark .panel-body .text,
html.di-crm-dark .widget .dataTables_info,
html.di-crm-dark .widget .fc-col-header-cell-cushion,
html.di-crm-dark .widget .date,
html.di-crm-dark .widget .text-has-action,
html.di-crm-dark .widget .text {
  color: #cbd5e1 !important;
}

html.di-crm-dark .panel_s .text-muted,
html.di-crm-dark .panel-body .text-muted,
html.di-crm-dark .widget .text-muted {
  color: #94a3b8 !important;
}

html.di-crm-dark #side-menu .menu-icon,
html.di-crm-dark #setup-menu .menu-icon,
html.di-crm-dark .sidebar .menu-icon,
html.di-crm-dark .navbar .fa:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .navbar .fa-regular:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .navbar .fa-solid:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .navbar .glyphicon,
html.di-crm-dark .panel_s i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .panel-body i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .widget i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .table i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .dataTables_wrapper i:not(.fa-sun):not(.fa-moon) {
  color: #cbd5e1 !important;
}

html.di-crm-dark #side-menu li.active > a .menu-icon,
html.di-crm-dark #side-menu li a:hover .menu-icon,
html.di-crm-dark #setup-menu li.active > a .menu-icon,
html.di-crm-dark #setup-menu li a:hover .menu-icon {
  color: #ffffff !important;
}

html.di-crm-dark svg:not(.di-preserve-icon-color),
html.di-crm-dark svg:not(.di-preserve-icon-color) * {
  color: currentColor;
  stroke: currentColor;
}

html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) svg,
html.di-crm-dark .tw-bg-white:not(.top_stats_wrapper):not(.nav-tabs-horizontal) svg *,
html.di-crm-dark .profile.tw-bg-white svg,
html.di-crm-dark .profile.tw-bg-white svg *,
html.di-crm-dark button.tw-bg-white svg,
html.di-crm-dark button.tw-bg-white svg * {
  color: #e5edf7 !important;
  stroke: currentColor !important;
}

html.di-crm-dark .bg-white i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .bg-light i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .white i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .top_stats_wrapper i,
html.di-crm-dark .pagination i,
html.di-crm-dark .nav-tabs-horizontal i,
html.di-crm-dark a.dropdown-toggle.label[style*="background: #f9fafb"] i,
html.di-crm-dark a.dropdown-toggle.label[style*="background:#f9fafb"] i,
html.di-crm-dark a.dropdown-toggle.label[style*="background-color: #f9fafb"] i,
html.di-crm-dark a.dropdown-toggle.label[style*="background-color:#f9fafb"] i {
  color: #334155 !important;
}

html.di-crm-dark .bg-white svg,
html.di-crm-dark .bg-light svg,
html.di-crm-dark .white svg,
html.di-crm-dark .top_stats_wrapper svg,
html.di-crm-dark .pagination svg,
html.di-crm-dark .nav-tabs-horizontal svg,
html.di-crm-dark .bg-white svg *,
html.di-crm-dark .bg-light svg *,
html.di-crm-dark .white svg *,
html.di-crm-dark .top_stats_wrapper svg *,
html.di-crm-dark .pagination svg *,
html.di-crm-dark .nav-tabs-horizontal svg * {
  color: #334155 !important;
  stroke: currentColor !important;
}

html.di-crm-dark .nav-tabs-horizontal i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .nav-tabs-horizontal .menu-icon,
html.di-crm-dark .nav-tabs-horizontal .fa,
html.di-crm-dark .nav-tabs-horizontal .fa-regular,
html.di-crm-dark .nav-tabs-horizontal .fa-solid,
html.di-crm-dark .nav-tabs-horizontal .glyphicon,
html.di-crm-dark .nav-tabs-horizontal .slick-arrow i,
html.di-crm-dark .nav-tabs-horizontal [class*="fa-angle"] {
  color: #334155 !important;
}

html.di-crm-dark .horizontal-scrollable-tabs .scroller i,
html.di-crm-dark .horizontal-scrollable-tabs .scroller .fa {
  color: #334155 !important;
}

html.di-crm-dark .nav-tabs-horizontal > li.active > a .menu-icon,
html.di-crm-dark .nav-tabs-horizontal > li.active > a i,
html.di-crm-dark .nav-tabs-horizontal > li.active > a .fa,
html.di-crm-dark .nav-tabs-horizontal > li.active > a .fa-regular,
html.di-crm-dark .nav-tabs-horizontal > li.active > a .fa-solid {
  color: #ffffff !important;
}

html.di-crm-dark body .panel_s .horizontal-scrollable-tabs .scroller.scroller-left i.fa.fa-angle-left,
html.di-crm-dark body .panel_s .horizontal-scrollable-tabs .scroller.scroller-right i.fa.fa-angle-right,
html.di-crm-dark body .panel-body .horizontal-scrollable-tabs .scroller.scroller-left i.fa.fa-angle-left,
html.di-crm-dark body .panel-body .horizontal-scrollable-tabs .scroller.scroller-right i.fa.fa-angle-right {
  color: #334155 !important;
}

html.di-crm-dark .label[style*="color:#84cc16"],
html.di-crm-dark .label[style*="color: #84cc16"],
html.di-crm-dark .label[style*="color: rgb(132, 204, 22)"] {
  color: #3f6212 !important;
}

html.di-crm-dark .label[style*="background: #fafdf6"],
html.di-crm-dark .label[style*="background:#fafdf6"],
html.di-crm-dark .label[style*="background-color: #fafdf6"],
html.di-crm-dark .label[style*="background-color:#fafdf6"],
html.di-crm-dark .label[style*="background: rgb(250, 253, 246)"],
html.di-crm-dark .label[style*="background-color: rgb(250, 253, 246)"] {
  color: #3f6212 !important;
}

/* Final dark-mode contrast guardrails for mixed light/dark CRM widgets. */
html.di-crm-dark .form-control,
html.di-crm-dark .form-control *,
html.di-crm-dark .input-group .form-control,
html.di-crm-dark .input-group-addon,
html.di-crm-dark .bootstrap-select .dropdown-toggle,
html.di-crm-dark .bootstrap-select .dropdown-toggle *,
html.di-crm-dark .bootstrap-select .filter-option,
html.di-crm-dark .bootstrap-select .filter-option *,
html.di-crm-dark .select2-container .select2-selection,
html.di-crm-dark .select2-container .select2-selection *,
html.di-crm-dark textarea,
html.di-crm-dark textarea *,
html.di-crm-dark input,
html.di-crm-dark input *,
html.di-crm-dark select,
html.di-crm-dark select * {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .form-control i,
html.di-crm-dark .form-control .fa,
html.di-crm-dark .input-group-addon i,
html.di-crm-dark .input-group-addon .fa,
html.di-crm-dark .bootstrap-select .dropdown-toggle i,
html.di-crm-dark .bootstrap-select .dropdown-toggle .fa,
html.di-crm-dark .bootstrap-select .dropdown-toggle .caret,
html.di-crm-dark .select2-container .select2-selection__arrow,
html.di-crm-dark .select2-container .select2-selection__arrow * {
  color: #cbd5e1 !important;
  border-top-color: #cbd5e1 !important;
}

html.di-crm-dark .form-control::placeholder,
html.di-crm-dark input::placeholder,
html.di-crm-dark textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark .btn[disabled],
html.di-crm-dark .btn.disabled,
html.di-crm-dark button[disabled],
html.di-crm-dark button.disabled {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: .9 !important;
}

html.di-crm-dark .btn[disabled] *,
html.di-crm-dark .btn.disabled *,
html.di-crm-dark button[disabled] *,
html.di-crm-dark button.disabled * {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark .btn[style*="background:#fff"],
html.di-crm-dark .btn[style*="background: #fff"],
html.di-crm-dark .btn[style*="background-color:#fff"],
html.di-crm-dark .btn[style*="background-color: #fff"],
html.di-crm-dark .btn[style*="background:white"],
html.di-crm-dark .btn[style*="background: white"],
html.di-crm-dark .btn[style*="background-color:white"],
html.di-crm-dark .btn[style*="background-color: white"],
html.di-crm-dark .label[style*="background:#fff"],
html.di-crm-dark .label[style*="background: #fff"],
html.di-crm-dark .label[style*="background-color:#fff"],
html.di-crm-dark .label[style*="background-color: #fff"],
html.di-crm-dark .label[style*="background:white"],
html.di-crm-dark .label[style*="background: white"],
html.di-crm-dark .label[style*="background-color:white"],
html.di-crm-dark .label[style*="background-color: white"],
html.di-crm-dark .label[style*="background:#fafdf6"],
html.di-crm-dark .label[style*="background: #fafdf6"],
html.di-crm-dark .label[style*="background-color:#fafdf6"],
html.di-crm-dark .label[style*="background-color: #fafdf6"],
html.di-crm-dark .label[style*="background:#eff6ff"],
html.di-crm-dark .label[style*="background: #eff6ff"],
html.di-crm-dark .label[style*="background-color:#eff6ff"],
html.di-crm-dark .label[style*="background-color: #eff6ff"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .btn[style*="background:#fff"] *,
html.di-crm-dark .btn[style*="background: #fff"] *,
html.di-crm-dark .btn[style*="background-color:#fff"] *,
html.di-crm-dark .btn[style*="background-color: #fff"] *,
html.di-crm-dark .btn[style*="background:white"] *,
html.di-crm-dark .btn[style*="background: white"] *,
html.di-crm-dark .btn[style*="background-color:white"] *,
html.di-crm-dark .btn[style*="background-color: white"] *,
html.di-crm-dark .label[style*="background:#fff"] *,
html.di-crm-dark .label[style*="background: #fff"] *,
html.di-crm-dark .label[style*="background-color:#fff"] *,
html.di-crm-dark .label[style*="background-color: #fff"] *,
html.di-crm-dark .label[style*="background:white"] *,
html.di-crm-dark .label[style*="background: white"] *,
html.di-crm-dark .label[style*="background-color:white"] *,
html.di-crm-dark .label[style*="background-color: white"] *,
html.di-crm-dark .label[style*="background:#fafdf6"] *,
html.di-crm-dark .label[style*="background: #fafdf6"] *,
html.di-crm-dark .label[style*="background-color:#fafdf6"] *,
html.di-crm-dark .label[style*="background-color: #fafdf6"] *,
html.di-crm-dark .label[style*="background:#eff6ff"] *,
html.di-crm-dark .label[style*="background: #eff6ff"] *,
html.di-crm-dark .label[style*="background-color:#eff6ff"] *,
html.di-crm-dark .label[style*="background-color: #eff6ff"] * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .top_stats_wrapper .tw-bg-white,
html.di-crm-dark .top_stats_wrapper .tw-bg-white *,
html.di-crm-dark [style*="background:#ecfdf5"],
html.di-crm-dark [style*="background: #ecfdf5"],
html.di-crm-dark [style*="background-color:#ecfdf5"],
html.di-crm-dark [style*="background-color: #ecfdf5"],
html.di-crm-dark [style*="background:#eff6ff"],
html.di-crm-dark [style*="background: #eff6ff"],
html.di-crm-dark [style*="background-color:#eff6ff"],
html.di-crm-dark [style*="background-color: #eff6ff"],
html.di-crm-dark [style*="background:#fffbeb"],
html.di-crm-dark [style*="background: #fffbeb"],
html.di-crm-dark [style*="background-color:#fffbeb"],
html.di-crm-dark [style*="background-color: #fffbeb"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark [style*="background:#ecfdf5"] *,
html.di-crm-dark [style*="background: #ecfdf5"] *,
html.di-crm-dark [style*="background-color:#ecfdf5"] *,
html.di-crm-dark [style*="background-color: #ecfdf5"] *,
html.di-crm-dark [style*="background:#eff6ff"] *,
html.di-crm-dark [style*="background: #eff6ff"] *,
html.di-crm-dark [style*="background-color:#eff6ff"] *,
html.di-crm-dark [style*="background-color: #eff6ff"] *,
html.di-crm-dark [style*="background:#fffbeb"] *,
html.di-crm-dark [style*="background: #fffbeb"] *,
html.di-crm-dark [style*="background-color:#fffbeb"] *,
html.di-crm-dark [style*="background-color: #fffbeb"] * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .btn-primary,
html.di-crm-dark .btn-primary *,
html.di-crm-dark .btn-success,
html.di-crm-dark .btn-success *,
html.di-crm-dark .btn-danger,
html.di-crm-dark .btn-danger *,
html.di-crm-dark .btn-warning,
html.di-crm-dark .btn-warning *,
html.di-crm-dark .btn-info,
html.di-crm-dark .btn-info * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .btn-primary i,
html.di-crm-dark .btn-success i,
html.di-crm-dark .btn-danger i,
html.di-crm-dark .btn-warning i,
html.di-crm-dark .btn-info i,
html.di-crm-dark .btn-primary svg,
html.di-crm-dark .btn-success svg,
html.di-crm-dark .btn-danger svg,
html.di-crm-dark .btn-warning svg,
html.di-crm-dark .btn-info svg,
html.di-crm-dark .btn-primary svg *,
html.di-crm-dark .btn-success svg *,
html.di-crm-dark .btn-danger svg *,
html.di-crm-dark .btn-warning svg *,
html.di-crm-dark .btn-info svg * {
  color: #ffffff !important;
  stroke: currentColor !important;
}

html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label *,
html.di-crm-dark .table a.dropdown-toggle[class*="lead-status-"].label,
html.di-crm-dark .table a.dropdown-toggle[class*="lead-status-"].label * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label i,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label .fa,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label svg,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label svg * {
  color: #0f172a !important;
  stroke: currentColor !important;
}

html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:hover,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:focus,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:active,
html.di-crm-dark .open > a.dropdown-toggle[class*="lead-status-"].label,
html.di-crm-dark .dropdown.open > a.dropdown-toggle[class*="lead-status-"].label,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:hover *,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:focus *,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:active *,
html.di-crm-dark .open > a.dropdown-toggle[class*="lead-status-"].label *,
html.di-crm-dark .dropdown.open > a.dropdown-toggle[class*="lead-status-"].label * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
}

html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:hover,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:focus,
html.di-crm-dark a.dropdown-toggle[class*="lead-status-"].label:active,
html.di-crm-dark .open > a.dropdown-toggle[class*="lead-status-"].label,
html.di-crm-dark .dropdown.open > a.dropdown-toggle[class*="lead-status-"].label {
  background-color: #f8fafc !important;
}

html.di-crm-dark .table .dropdown-menu > li > a:hover,
html.di-crm-dark .table .dropdown-menu > li > a:focus {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background-color: #2563eb !important;
}

/* Ad Budget dark-mode polish: override inline light cards used by the module. */
html.di-crm-dark body.ad_budget_management .ad-budget-form-container,
html.di-crm-dark body.ad_budget .ad-budget-form-container,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container {
  background: #172033 !important;
  border-color: #334155 !important;
  box-shadow: 0 12px 30px rgba(2, 8, 23, .28) !important;
  color: #e5edf7 !important;
}

html.di-crm-dark body.ad_budget_management .ad-budget-form-container h1,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container h2,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container h3,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container h4,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container h5,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container label,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container .control-label,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container #form-title-text,
html.di-crm-dark body.ad_budget .ad-budget-form-container h1,
html.di-crm-dark body.ad_budget .ad-budget-form-container h2,
html.di-crm-dark body.ad_budget .ad-budget-form-container h3,
html.di-crm-dark body.ad_budget .ad-budget-form-container h4,
html.di-crm-dark body.ad_budget .ad-budget-form-container h5,
html.di-crm-dark body.ad_budget .ad-budget-form-container label,
html.di-crm-dark body.ad_budget .ad-budget-form-container .control-label,
html.di-crm-dark body.ad_budget .ad-budget-form-container #form-title-text,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container h1,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container h2,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container h3,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container h4,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container h5,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container label,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container .control-label,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container #form-title-text {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.di-crm-dark body.ad_budget_management .ad-budget-form-container [style*="border-bottom"],
html.di-crm-dark body.ad_budget .ad-budget-form-container [style*="border-bottom"],
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container [style*="border-bottom"] {
  border-bottom-color: #334155 !important;
}

html.di-crm-dark body.ad_budget_management .ad-budget-form-container small,
html.di-crm-dark body.ad_budget_management .ad-budget-form-container p,
html.di-crm-dark body.ad_budget .ad-budget-form-container small,
html.di-crm-dark body.ad_budget .ad-budget-form-container p,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container small,
html.di-crm-dark .ad-budget-wrapper .ad-budget-form-container p {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark body.ad_budget_management #modal_balance_display > div,
html.di-crm-dark body.ad_budget .ad-budget-form-container #modal_balance_display > div,
html.di-crm-dark .ad-budget-wrapper #modal_balance_display > div {
  background: #0f274a !important;
  border-color: #2563eb !important;
  color: #dbeafe !important;
}

html.di-crm-dark body.ad_budget_management #modal_balance_display > div *,
html.di-crm-dark body.ad_budget .ad-budget-form-container #modal_balance_display > div *,
html.di-crm-dark .ad-budget-wrapper #modal_balance_display > div * {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

html.di-crm-dark body.ad_budget_management #modal_total_received,
html.di-crm-dark .ad-budget-wrapper #modal_total_received {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark body.ad_budget_management #modal_total_used,
html.di-crm-dark .ad-budget-wrapper #modal_total_used {
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #f0fdf4"],
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#f0fdf4"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #f0fdf4"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#f0fdf4"],
html.di-crm-dark .panel_s.tw-bg-green-50,
html.di-crm-dark .tw-bg-green-50 {
  background-color: #052e1a !important;
  border-color: #166534 !important;
  color: #bbf7d0 !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #f0fdf4"] *,
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#f0fdf4"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #f0fdf4"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#f0fdf4"] *,
html.di-crm-dark .panel_s.tw-bg-green-50 *,
html.di-crm-dark .tw-bg-green-50 * {
  color: #bbf7d0 !important;
  -webkit-text-fill-color: #bbf7d0 !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #fffbeb"],
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#fffbeb"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #fffbeb"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#fffbeb"],
html.di-crm-dark .panel_s.tw-bg-orange-50,
html.di-crm-dark .tw-bg-orange-50 {
  background-color: #422006 !important;
  border-color: #92400e !important;
  color: #fde68a !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #fffbeb"] *,
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#fffbeb"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #fffbeb"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#fffbeb"] *,
html.di-crm-dark .panel_s.tw-bg-orange-50 *,
html.di-crm-dark .tw-bg-orange-50 * {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #eff6ff"],
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#eff6ff"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #eff6ff"],
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#eff6ff"],
html.di-crm-dark .panel_s.tw-bg-blue-50,
html.di-crm-dark .tw-bg-blue-50 {
  background-color: #0f274a !important;
  border-color: #2563eb !important;
  color: #dbeafe !important;
}

html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color: #eff6ff"] *,
html.di-crm-dark body.ad_budget_management .tw-text-center[style*="background-color:#eff6ff"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color: #eff6ff"] *,
html.di-crm-dark .ad-budget-wrapper .tw-text-center[style*="background-color:#eff6ff"] *,
html.di-crm-dark .panel_s.tw-bg-blue-50 *,
html.di-crm-dark .tw-bg-blue-50 * {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
}

html.di-crm-dark body.ad_budget_management .tw-bg-neutral-50,
html.di-crm-dark body.ad_budget .tw-bg-neutral-50,
html.di-crm-dark .ad-budget-wrapper .tw-bg-neutral-50 {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
}

html.di-crm-dark body.ad_budget_management .tw-bg-neutral-50 *,
html.di-crm-dark body.ad_budget .tw-bg-neutral-50 *,
html.di-crm-dark .ad-budget-wrapper .tw-bg-neutral-50 * {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.ad_budget_management .table .label-default,
html.di-crm-dark body.ad_budget .table .label-default,
html.di-crm-dark .ad-budget-wrapper .table .label-default {
  background-color: #263449 !important;
  border: 1px solid #475569 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.ad_budget_management .dt-table td,
html.di-crm-dark body.ad_budget_management .dt-table td *,
html.di-crm-dark body.ad_budget .dt-table td,
html.di-crm-dark body.ad_budget .dt-table td *,
html.di-crm-dark .ad-budget-wrapper .dt-table td,
html.di-crm-dark .ad-budget-wrapper .dt-table td * {
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark body.ad_budget_management .dt-table .label-success,
html.di-crm-dark body.ad_budget .dt-table .label-success,
html.di-crm-dark .ad-budget-wrapper .dt-table .label-success {
  background-color: #166534 !important;
  color: #f0fdf4 !important;
  -webkit-text-fill-color: #f0fdf4 !important;
}

html.di-crm-dark body.ad_budget_management .dt-table .label-danger,
html.di-crm-dark body.ad_budget .dt-table .label-danger,
html.di-crm-dark .ad-budget-wrapper .dt-table .label-danger {
  background-color: #991b1b !important;
  color: #fef2f2 !important;
  -webkit-text-fill-color: #fef2f2 !important;
}

html.di-crm-dark body.ad_budget_management .btn-default.add-lookup,
html.di-crm-dark body.ad_budget .btn-default.add-lookup,
html.di-crm-dark .ad-budget-wrapper .btn-default.add-lookup {
  background-color: #24314a !important;
  border-color: #475569 !important;
  color: #f8fafc !important;
}

html.di-crm-dark body.ad_budget_management .btn-default.add-lookup i,
html.di-crm-dark body.ad_budget .btn-default.add-lookup i,
html.di-crm-dark .ad-budget-wrapper .btn-default.add-lookup i {
  color: #f8fafc !important;
}

/* Keep the standard CRM drag-handle artwork visible in dark mode. */
html.di-crm-dark body.todo .todo-dragger,
html.di-crm-dark .todo-panel .todo-dragger {
  background-image: url("../images/dragger.png") !important;
  background-position: 1px 11px !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  filter: invert(1) brightness(1.55);
  opacity: .8 !important;
}

html.di-crm-dark body.todo .todo-dragger:hover,
html.di-crm-dark .todo-panel .todo-dragger:hover {
  filter: invert(1) brightness(1.85);
  opacity: 1 !important;
}

html.di-crm-dark .widget-dragger {
  color: #cbd5e1 !important;
}

html.di-crm-dark .widget-dragger:hover,
html.di-crm-dark .widget-dragger:active {
  color: #94a3b8 !important;
}

/* Keep CRM modals on the standard light surface in dark mode. */
html.di-crm-dark .modal .modal-content,
html.di-crm-dark .modal .modal-header,
html.di-crm-dark .modal .modal-body,
html.di-crm-dark .modal .modal-footer,
html.di-crm-dark #task-modal .modal-content,
html.di-crm-dark #lead-modal .modal-content,
html.di-crm-dark #_task_modal .modal-content {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .modal .modal-content h1,
html.di-crm-dark .modal .modal-content h2,
html.di-crm-dark .modal .modal-content h3,
html.di-crm-dark .modal .modal-content h4,
html.di-crm-dark .modal .modal-content h5,
html.di-crm-dark .modal .modal-content h6,
html.di-crm-dark .modal .modal-content label,
html.di-crm-dark .modal .modal-content strong,
html.di-crm-dark .modal .modal-content .bold,
html.di-crm-dark .modal .modal-content .control-label,
html.di-crm-dark .modal .modal-content .task-info-heading,
html.di-crm-dark .modal .modal-content .task-single-info-heading,
html.di-crm-dark .modal .modal-content .tw-text-neutral-900,
html.di-crm-dark .modal .modal-content .tw-text-neutral-800,
html.di-crm-dark .modal .modal-content .tw-text-neutral-700 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .modal .modal-content p,
html.di-crm-dark .modal .modal-content span,
html.di-crm-dark .modal .modal-content div,
html.di-crm-dark .modal .modal-content td,
html.di-crm-dark .modal .modal-content th,
html.di-crm-dark .modal .modal-content li {
  color: inherit;
}

html.di-crm-dark .modal .modal-content .text-muted,
html.di-crm-dark .modal .modal-content .tw-text-neutral-400,
html.di-crm-dark .modal .modal-content .tw-text-neutral-500,
html.di-crm-dark .modal .modal-content .tw-text-neutral-600,
html.di-crm-dark .modal .modal-content small {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html.di-crm-dark .modal .modal-content a:not(.btn),
html.di-crm-dark .modal .modal-content .text-info,
html.di-crm-dark .modal .modal-content .tw-text-info-600 {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

html.di-crm-dark .modal .modal-content .form-control,
html.di-crm-dark .modal .modal-content input,
html.di-crm-dark .modal .modal-content textarea,
html.di-crm-dark .modal .modal-content select,
html.di-crm-dark .modal .modal-content .bootstrap-select .btn,
html.di-crm-dark .modal .modal-content .bootstrap-select .dropdown-toggle,
html.di-crm-dark .modal .modal-content .select2-selection,
html.di-crm-dark .modal .modal-content .input-group-addon,
html.di-crm-dark .modal .modal-content .dropdown-menu > li > a {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html.di-crm-dark .modal .modal-content .form-control *,
html.di-crm-dark .modal .modal-content input *,
html.di-crm-dark .modal .modal-content textarea *,
html.di-crm-dark .modal .modal-content select *,
html.di-crm-dark .modal .modal-content .bootstrap-select .btn *,
html.di-crm-dark .modal .modal-content .bootstrap-select .dropdown-toggle *,
html.di-crm-dark .modal .modal-content .select2-selection *,
html.di-crm-dark .modal .modal-content .input-group-addon *,
html.di-crm-dark .modal .modal-content .dropdown-menu > li > a * {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html.di-crm-dark .modal .modal-content .form-control::placeholder,
html.di-crm-dark .modal .modal-content input::placeholder,
html.di-crm-dark .modal .modal-content textarea::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark .modal .modal-content .bootstrap-select .caret,
html.di-crm-dark .modal .modal-content .select2-selection__arrow,
html.di-crm-dark .modal .modal-content .select2-selection__arrow *,
html.di-crm-dark .modal .modal-content i:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .modal .modal-content .fa:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .modal .modal-content .fa-regular:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .modal .modal-content .fa-solid:not(.fa-sun):not(.fa-moon),
html.di-crm-dark .modal .modal-content .glyphicon {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
  border-top-color: #94a3b8 !important;
}

html.di-crm-dark .modal .modal-content .btn-default,
html.di-crm-dark .modal .modal-content .btn-light {
  background-color: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html.di-crm-dark .modal .modal-content .btn-default *,
html.di-crm-dark .modal .modal-content .btn-light * {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html.di-crm-dark .modal .modal-content .btn-primary,
html.di-crm-dark .modal .modal-content .btn-success,
html.di-crm-dark .modal .modal-content .btn-danger,
html.di-crm-dark .modal .modal-content .btn-warning,
html.di-crm-dark .modal .modal-content .btn-info,
html.di-crm-dark .modal .modal-content .btn-primary *,
html.di-crm-dark .modal .modal-content .btn-success *,
html.di-crm-dark .modal .modal-content .btn-danger *,
html.di-crm-dark .modal .modal-content .btn-warning *,
html.di-crm-dark .modal .modal-content .btn-info * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .modal .modal-content .close,
html.di-crm-dark .modal .modal-content .close span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
}

/* Lead and task details follow dark mode instead of the shared light modal surface. */
html.di-crm-dark #lead-modal .modal-content,
html.di-crm-dark #lead-modal .modal-header,
html.di-crm-dark #lead-modal .modal-body,
html.di-crm-dark #lead-modal .modal-footer,
html.di-crm-dark #lead-modal .lead-wrapper,
html.di-crm-dark #task-modal .modal-content,
html.di-crm-dark #task-modal .modal-header,
html.di-crm-dark #task-modal .modal-body,
html.di-crm-dark #task-modal .modal-footer,
html.di-crm-dark #task-modal .task-single-col-left,
html.di-crm-dark #task-modal .task-single-col-right,
html.di-crm-dark #_task_modal .modal-content,
html.di-crm-dark #_task_modal .modal-header,
html.di-crm-dark #_task_modal .modal-body,
html.di-crm-dark #_task_modal .modal-footer {
  background-color: #172033 !important;
  border-color: #2b3a52 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark #lead-modal .lead-info-heading,
html.di-crm-dark #lead-modal .nav-tabs-horizontal,
html.di-crm-dark #task-modal .task-info-heading,
html.di-crm-dark #task-modal .task-single-info-heading,
html.di-crm-dark #_task_modal .task-info-heading,
html.di-crm-dark #_task_modal .task-single-info-heading {
  background-color: #111827 !important;
  border-color: #2b3a52 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content h1,
html.di-crm-dark #lead-modal .modal-content h2,
html.di-crm-dark #lead-modal .modal-content h3,
html.di-crm-dark #lead-modal .modal-content h4,
html.di-crm-dark #lead-modal .modal-content h5,
html.di-crm-dark #lead-modal .modal-content h6,
html.di-crm-dark #lead-modal .modal-content label,
html.di-crm-dark #lead-modal .modal-content strong,
html.di-crm-dark #lead-modal .modal-content .bold,
html.di-crm-dark #lead-modal .modal-content .control-label,
html.di-crm-dark #task-modal .modal-content h1,
html.di-crm-dark #task-modal .modal-content h2,
html.di-crm-dark #task-modal .modal-content h3,
html.di-crm-dark #task-modal .modal-content h4,
html.di-crm-dark #task-modal .modal-content h5,
html.di-crm-dark #task-modal .modal-content h6,
html.di-crm-dark #task-modal .modal-content label,
html.di-crm-dark #task-modal .modal-content strong,
html.di-crm-dark #task-modal .modal-content .bold,
html.di-crm-dark #task-modal .modal-content .control-label,
html.di-crm-dark #_task_modal .modal-content h1,
html.di-crm-dark #_task_modal .modal-content h2,
html.di-crm-dark #_task_modal .modal-content h3,
html.di-crm-dark #_task_modal .modal-content h4,
html.di-crm-dark #_task_modal .modal-content h5,
html.di-crm-dark #_task_modal .modal-content h6,
html.di-crm-dark #_task_modal .modal-content label,
html.di-crm-dark #_task_modal .modal-content strong,
html.di-crm-dark #_task_modal .modal-content .bold,
html.di-crm-dark #_task_modal .modal-content .control-label {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content .text-muted,
html.di-crm-dark #lead-modal .modal-content small,
html.di-crm-dark #task-modal .modal-content .text-muted,
html.di-crm-dark #task-modal .modal-content small,
html.di-crm-dark #_task_modal .modal-content .text-muted,
html.di-crm-dark #_task_modal .modal-content small {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-900,
html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-800,
html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-700,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-900,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-800,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-700,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-900,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-800,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-700 {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-600,
html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-500,
html.di-crm-dark #lead-modal .modal-content .tw-text-neutral-400,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-600,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-500,
html.di-crm-dark #task-modal .modal-content .tw-text-neutral-400,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-600,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-500,
html.di-crm-dark #_task_modal .modal-content .tw-text-neutral-400 {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark #lead-modal .modal-content a:not(.btn),
html.di-crm-dark #task-modal .modal-content a:not(.btn),
html.di-crm-dark #_task_modal .modal-content a:not(.btn) {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

html.di-crm-dark #lead-modal .form-control,
html.di-crm-dark #lead-modal input,
html.di-crm-dark #lead-modal textarea,
html.di-crm-dark #lead-modal select,
html.di-crm-dark #lead-modal .bootstrap-select .dropdown-toggle,
html.di-crm-dark #lead-modal .select2-selection,
html.di-crm-dark #task-modal .form-control,
html.di-crm-dark #task-modal input,
html.di-crm-dark #task-modal textarea,
html.di-crm-dark #task-modal select,
html.di-crm-dark #task-modal .bootstrap-select .dropdown-toggle,
html.di-crm-dark #task-modal .select2-selection,
html.di-crm-dark #_task_modal .form-control,
html.di-crm-dark #_task_modal input,
html.di-crm-dark #_task_modal textarea,
html.di-crm-dark #_task_modal select,
html.di-crm-dark #_task_modal .bootstrap-select .dropdown-toggle,
html.di-crm-dark #_task_modal .select2-selection {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .btn-default,
html.di-crm-dark #lead-modal .btn-light,
html.di-crm-dark #task-modal .btn-default,
html.di-crm-dark #task-modal .btn-light,
html.di-crm-dark #_task_modal .btn-default,
html.di-crm-dark #_task_modal .btn-light {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .label:not(.label-success):not(.label-danger):not(.label-warning):not(.label-info):not(.label-primary),
html.di-crm-dark #_task_modal .label:not(.label-success):not(.label-danger):not(.label-warning):not(.label-info):not(.label-primary),
html.di-crm-dark #lead-modal .label:not(.label-success):not(.label-danger):not(.label-warning):not(.label-info):not(.label-primary) {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .bootstrap-select .dropdown-toggle .filter-option,
html.di-crm-dark #task-modal .bootstrap-select .dropdown-toggle .filter-option *,
html.di-crm-dark #_task_modal .bootstrap-select .dropdown-toggle .filter-option,
html.di-crm-dark #_task_modal .bootstrap-select .dropdown-toggle .filter-option *,
html.di-crm-dark #lead-modal .bootstrap-select .dropdown-toggle .filter-option,
html.di-crm-dark #lead-modal .bootstrap-select .dropdown-toggle .filter-option * {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .dropdown-menu,
html.di-crm-dark #_task_modal .dropdown-menu,
html.di-crm-dark #lead-modal .dropdown-menu,
html.di-crm-dark #task-modal .popover,
html.di-crm-dark #_task_modal .popover,
html.di-crm-dark #lead-modal .popover,
html.di-crm-dark #task-modal .popover-content,
html.di-crm-dark #_task_modal .popover-content,
html.di-crm-dark #lead-modal .popover-content {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark #task-modal .popover-title,
html.di-crm-dark #_task_modal .popover-title,
html.di-crm-dark #lead-modal .popover-title {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .dropdown-menu > li > a,
html.di-crm-dark #_task_modal .dropdown-menu > li > a,
html.di-crm-dark #lead-modal .dropdown-menu > li > a {
  background-color: #172033 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .dropdown-menu > li > a:hover,
html.di-crm-dark #_task_modal .dropdown-menu > li > a:hover,
html.di-crm-dark #lead-modal .dropdown-menu > li > a:hover {
  background-color: #24314a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .select2-container--open .select2-dropdown,
html.di-crm-dark .select2-dropdown {
  background-color: #111827 !important;
  border-color: #3b4b68 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.38);
}

html.di-crm-dark .select2-container--open .select2-search--dropdown,
html.di-crm-dark .select2-search--dropdown {
  background-color: #111827 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .select2-container--open .select2-search__field,
html.di-crm-dark .select2-dropdown .select2-search__field {
  background-color: #0f172a !important;
  border-color: #3b82f6 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .select2-container--open .select2-search__field::placeholder,
html.di-crm-dark .select2-dropdown .select2-search__field::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark .select2-container--open .select2-results,
html.di-crm-dark .select2-container--open .select2-results__options,
html.di-crm-dark .select2-dropdown .select2-results,
html.di-crm-dark .select2-dropdown .select2-results__options {
  background-color: #111827 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .select2-container--open .select2-results__option,
html.di-crm-dark .select2-dropdown .select2-results__option {
  background-color: #111827 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark .select2-container--open .select2-results__option[aria-selected="true"],
html.di-crm-dark .select2-dropdown .select2-results__option[aria-selected="true"] {
  background-color: #24314a !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.di-crm-dark .select2-container--open .select2-results__option--highlighted[aria-selected],
html.di-crm-dark .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .select2-container--open .select2-results__message,
html.di-crm-dark .select2-dropdown .select2-results__message {
  background-color: #172033 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark .bootstrap-select.open .dropdown-menu .bs-searchbox,
html.di-crm-dark .bootstrap-select.open .dropdown-menu .inner,
html.di-crm-dark .bootstrap-select.open .dropdown-menu .dropdown-menu.inner {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark .bootstrap-select.open .dropdown-menu .status,
html.di-crm-dark .bootstrap-select .dropdown-menu .status {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-style: italic;
}

html.di-crm-dark #_task_modal #cycles_wrapper .input-group-addon {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #_task_modal #cycles_wrapper .checkbox,
html.di-crm-dark #_task_modal #cycles_wrapper .checkbox label {
  background-color: transparent !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #_task_modal #cycles_wrapper .checkbox label:before {
  background-color: #0f172a !important;
  border-color: #475569 !important;
}

html.di-crm-dark #_task_modal #cycles_wrapper .checkbox input[type="checkbox"]:checked + label:before {
  background-color: #2563eb !important;
  border-color: #60a5fa !important;
}

html.di-crm-dark #_task_modal #cycles_wrapper .checkbox input[type="checkbox"]:checked + label:after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark #task-modal .gpicker,
html.di-crm-dark #_task_modal .gpicker {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #task-modal .btn-success,
html.di-crm-dark #_task_modal .btn-success {
  background-color: #15803d !important;
  border-color: #166534 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark #task-modal .progress,
html.di-crm-dark #_task_modal .progress,
html.di-crm-dark #task-modal .checklist,
html.di-crm-dark #_task_modal .checklist,
html.di-crm-dark #task-modal .dropzone,
html.di-crm-dark #_task_modal .dropzone {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark #task-modal .checklist:hover,
html.di-crm-dark #_task_modal .checklist:hover {
  background-color: #172033 !important;
}

html.di-crm-dark #task-modal .task-department-instructions > div {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.di-crm-dark #task-modal .task-department-instructions > div:hover {
  background-color: #2b3a52 !important;
  border-color: #4b5f82 !important;
}

html.di-crm-dark #task-modal .task-department-instructions > div .font-medium-xs,
html.di-crm-dark #task-modal .task-department-instructions > div .tw-text-neutral-500 {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark #task-modal .task-department-instructions > div .tc-content,
html.di-crm-dark #task-modal .task-department-instructions > div .tc-content * {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_container > label {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .sortable-checklist-item {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
  border-radius: 6px;
  margin-bottom: 12px !important;
  padding: 12px !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .sortable-checklist-item:hover {
  background-color: #1f2b43 !important;
  border-color: #4b5f82 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .sortable-checklist-item > div,
html.di-crm-dark #_task_modal #checklist_items_departments_list .sortable-checklist-item span,
html.di-crm-dark #_task_modal #checklist_items_departments_list .department-title,
html.di-crm-dark #_task_modal #checklist_items_departments_list .department-order-number {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .fa-bars {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .department-instruction-box label,
html.di-crm-dark #_task_modal #checklist_items_departments_list .sortable-checklist-item label {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .department-remove-instruction {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark #_task_modal #checklist_items_departments_list .department-remove-instruction:hover,
html.di-crm-dark #_task_modal #checklist_items_departments_list .department-remove-instruction:focus {
  color: #bfdbfe !important;
  -webkit-text-fill-color: #bfdbfe !important;
}

html.di-crm-dark #lead-modal .close,
html.di-crm-dark #lead-modal .close span,
html.di-crm-dark #task-modal .close,
html.di-crm-dark #task-modal .close span,
html.di-crm-dark #_task_modal .close,
html.di-crm-dark #_task_modal .close span {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark #lead-modal .horizontal-scrollable-tabs .scroller,
html.di-crm-dark #task-modal .horizontal-scrollable-tabs .scroller,
html.di-crm-dark #_task_modal .horizontal-scrollable-tabs .scroller {
  background-color: #24314a !important;
  border-color: #3b4b68 !important;
}

html.di-crm-dark #lead-modal .horizontal-scrollable-tabs .scroller i,
html.di-crm-dark #task-modal .horizontal-scrollable-tabs .scroller i,
html.di-crm-dark #_task_modal .horizontal-scrollable-tabs .scroller i,
html.di-crm-dark .btn .fa-angle-left,
html.di-crm-dark .btn .fa-angle-right,
html.di-crm-dark .btn .fa-chevron-left,
html.di-crm-dark .btn .fa-chevron-right,
html.di-crm-dark .btn .fa-caret-left,
html.di-crm-dark .btn .fa-caret-right,
html.di-crm-dark button .fa-angle-left,
html.di-crm-dark button .fa-angle-right,
html.di-crm-dark button .fa-chevron-left,
html.di-crm-dark button .fa-chevron-right {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .bootstrap-select .dropdown-toggle .caret,
html.di-crm-dark .btn .caret,
html.di-crm-dark button .caret,
html.di-crm-dark .caret {
  border-bottom-color: #e5edf7 !important;
  border-left-color: transparent !important;
  border-right-color: #e5edf7 !important;
  border-top-color: transparent !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .dropdown-toggle [class*="fa-angle"],
html.di-crm-dark .dropdown-toggle [class*="fa-chevron"],
html.di-crm-dark .dropdown-toggle [class*="fa-caret"],
html.di-crm-dark .btn [class*="fa-angle"],
html.di-crm-dark .btn [class*="fa-chevron"],
html.di-crm-dark .btn [class*="fa-caret"],
html.di-crm-dark button [class*="fa-angle"],
html.di-crm-dark button [class*="fa-chevron"],
html.di-crm-dark button [class*="fa-caret"] {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .select2-container .select2-selection__arrow b {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content .bootstrap-select .caret,
html.di-crm-dark #task-modal .modal-content .bootstrap-select .caret,
html.di-crm-dark #_task_modal .modal-content .bootstrap-select .caret,
html.di-crm-dark #lead-modal .modal-content .caret,
html.di-crm-dark #task-modal .modal-content .caret,
html.di-crm-dark #_task_modal .modal-content .caret {
  border-bottom-color: #e5edf7 !important;
  border-left-color: transparent !important;
  border-right-color: #e5edf7 !important;
  border-top-color: transparent !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content .select2-selection__arrow b,
html.di-crm-dark #task-modal .modal-content .select2-selection__arrow b,
html.di-crm-dark #_task_modal .modal-content .select2-selection__arrow b {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: #e5edf7 !important;
}

html.di-crm-dark #lead-modal .modal-content [class*="fa-angle"],
html.di-crm-dark #lead-modal .modal-content [class*="fa-chevron"],
html.di-crm-dark #task-modal .modal-content [class*="fa-angle"],
html.di-crm-dark #task-modal .modal-content [class*="fa-chevron"],
html.di-crm-dark #_task_modal .modal-content [class*="fa-angle"],
html.di-crm-dark #_task_modal .modal-content [class*="fa-chevron"] {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.leads .modal-backdrop,
html.di-crm-dark body.tasks .modal-backdrop {
  opacity: .65 !important;
}

/* Dark-mode status/readability polish for task + lead list controls. */
html.di-crm-dark [id^="tableTaskStatus-"].label,
html.di-crm-dark span.label[task-status-table],
html.di-crm-dark [id^="tableLeadsStatus-"].label {
  background-color: #111827 !important;
  border-color: #3b4b68 !important;
  cursor: pointer;
  -webkit-text-fill-color: currentColor !important;
}

html.di-crm-dark span.label[task-status-table] {
  cursor: default;
}

html.di-crm-dark [task-status-table="1"] {
  background-color: rgba(148, 163, 184, .14) !important;
  border-color: rgba(148, 163, 184, .65) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark [task-status-table="2"] {
  background-color: rgba(190, 242, 100, .12) !important;
  border-color: rgba(190, 242, 100, .65) !important;
  color: #bef264 !important;
  -webkit-text-fill-color: #bef264 !important;
}

html.di-crm-dark [task-status-table="3"] {
  background-color: rgba(125, 211, 252, .12) !important;
  border-color: rgba(125, 211, 252, .65) !important;
  color: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !important;
}

html.di-crm-dark [task-status-table="4"] {
  background-color: rgba(147, 197, 253, .14) !important;
  border-color: rgba(147, 197, 253, .7) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark [task-status-table="5"] {
  background-color: rgba(134, 239, 172, .12) !important;
  border-color: rgba(134, 239, 172, .65) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark .lead-status-1,
html.di-crm-dark button:has(span[style*="rgb(71, 136, 3)"]) span:last-child {
  background-color: rgba(134, 239, 172, .12) !important;
  border-color: rgba(134, 239, 172, .65) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark .lead-status-2,
html.di-crm-dark button:has(span[style*="rgb(156, 0, 110)"]) span:last-child {
  background-color: rgba(244, 114, 182, .12) !important;
  border-color: rgba(244, 114, 182, .65) !important;
  color: #f472b6 !important;
  -webkit-text-fill-color: #f472b6 !important;
}

html.di-crm-dark .lead-status-3,
html.di-crm-dark button:has(span[style*="rgb(141, 103, 0)"]) span:last-child {
  background-color: rgba(251, 191, 36, .12) !important;
  border-color: rgba(251, 191, 36, .65) !important;
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

html.di-crm-dark .lead-status-4,
html.di-crm-dark button:has(span[style*="rgb(23, 184, 178)"]) span:last-child {
  background-color: rgba(94, 234, 212, .12) !important;
  border-color: rgba(94, 234, 212, .65) !important;
  color: #5eead4 !important;
  -webkit-text-fill-color: #5eead4 !important;
}

html.di-crm-dark .lead-status-5,
html.di-crm-dark button:has(span[style*="rgb(0, 157, 251)"]) span:last-child {
  background-color: rgba(96, 165, 250, .12) !important;
  border-color: rgba(96, 165, 250, .65) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

html.di-crm-dark .lead-status-6,
html.di-crm-dark button:has(span[style*="rgb(214, 85, 215)"]) span:last-child {
  background-color: rgba(232, 121, 249, .12) !important;
  border-color: rgba(232, 121, 249, .65) !important;
  color: #e879f9 !important;
  -webkit-text-fill-color: #e879f9 !important;
}

html.di-crm-dark .lead-status-7,
html.di-crm-dark button:has(span[style*="rgb(235, 159, 0)"]) span:last-child,
html.di-crm-dark .lead-status-13,
html.di-crm-dark button:has(span[style*="rgb(255, 161, 9)"]) span:last-child {
  background-color: rgba(251, 191, 36, .12) !important;
  border-color: rgba(251, 191, 36, .65) !important;
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

html.di-crm-dark .lead-status-8,
html.di-crm-dark button:has(span[style*="rgb(255, 0, 0)"]) span:last-child,
html.di-crm-dark .lead-status-11,
html.di-crm-dark button:has(span[style*="rgb(255, 85, 85)"]) span:last-child {
  background-color: rgba(248, 113, 113, .12) !important;
  border-color: rgba(248, 113, 113, .65) !important;
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
}

html.di-crm-dark .lead-status-9,
html.di-crm-dark .lead-status-12,
html.di-crm-dark button:has(span[style*="rgb(117, 117, 117)"]) span:last-child {
  background-color: rgba(203, 213, 225, .12) !important;
  border-color: rgba(203, 213, 225, .65) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark .lead-status-10,
html.di-crm-dark button:has(span[style*="rgb(0, 153, 177)"]) span:last-child {
  background-color: rgba(34, 211, 238, .12) !important;
  border-color: rgba(34, 211, 238, .65) !important;
  color: #22d3ee !important;
  -webkit-text-fill-color: #22d3ee !important;
}

html.di-crm-dark [id^="tableTaskStatus-"].label:hover,
html.di-crm-dark [id^="tableLeadsStatus-"].label:hover,
html.di-crm-dark [id^="tableTaskStatus-"].label:focus,
html.di-crm-dark [id^="tableLeadsStatus-"].label:focus {
  background-color: #1e293b !important;
  box-shadow: 0 0 0 2px rgba(96, 165, 250, .16);
  opacity: 1 !important;
}

html.di-crm-dark [id^="tableTaskStatus-"] .chevron,
html.di-crm-dark [id^="tableLeadsStatus-"] .chevron {
  border-color: currentColor !important;
}

html.di-crm-dark .dropdown-menu > li > a,
html.di-crm-dark .dropdown-menu > li > a span,
html.di-crm-dark .bootstrap-select .dropdown-menu li a,
html.di-crm-dark .bootstrap-select .dropdown-menu li a span,
html.di-crm-dark .bootstrap-select .dropdown-menu li a .text,
html.di-crm-dark .bootstrap-select .dropdown-menu li .text {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
  cursor: pointer;
}

html.di-crm-dark .dropdown-menu > li > a:hover,
html.di-crm-dark .dropdown-menu > li > a:focus,
html.di-crm-dark .dropdown-menu > li.active > a,
html.di-crm-dark .dropdown-menu > li.selected > a,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:hover,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:focus,
html.di-crm-dark .bootstrap-select .dropdown-menu li.active a,
html.di-crm-dark .bootstrap-select .dropdown-menu li.selected a {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .dropdown-menu > li > a:hover *,
html.di-crm-dark .dropdown-menu > li > a:focus *,
html.di-crm-dark .dropdown-menu > li.active > a *,
html.di-crm-dark .dropdown-menu > li.selected > a *,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:hover *,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:focus *,
html.di-crm-dark .bootstrap-select .dropdown-menu li.active a *,
html.di-crm-dark .bootstrap-select .dropdown-menu li.selected a * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .bootstrap-select .dropdown-menu li.disabled a,
html.di-crm-dark .bootstrap-select .dropdown-menu li.disabled a span,
html.di-crm-dark .dropdown-menu > li.disabled > a,
html.di-crm-dark .dropdown-menu > li.disabled > a span {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  cursor: not-allowed !important;
}

html.di-crm-dark button:has(span[style*="rgb("]) {
  background-color: rgba(17, 24, 39, .65) !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  cursor: pointer;
}

html.di-crm-dark button:has(span[style*="rgb("]):hover,
html.di-crm-dark button:has(span[style*="rgb("]):focus {
  background-color: #1e293b !important;
  border-color: #475569 !important;
}

/* Repeat the task status colors with higher specificity than older inline-background guards. */
html.di-crm-dark a.dropdown-toggle.label[task-status-table="1"],
html.di-crm-dark span.label[task-status-table="1"] {
  background-color: rgba(148, 163, 184, .14) !important;
  border-color: rgba(148, 163, 184, .65) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark a.dropdown-toggle.label[task-status-table="2"],
html.di-crm-dark span.label[task-status-table="2"] {
  background-color: rgba(190, 242, 100, .12) !important;
  border-color: rgba(190, 242, 100, .65) !important;
  color: #bef264 !important;
  -webkit-text-fill-color: #bef264 !important;
}

html.di-crm-dark a.dropdown-toggle.label[task-status-table="3"],
html.di-crm-dark span.label[task-status-table="3"] {
  background-color: rgba(125, 211, 252, .12) !important;
  border-color: rgba(125, 211, 252, .65) !important;
  color: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !important;
}

html.di-crm-dark a.dropdown-toggle.label[task-status-table="4"],
html.di-crm-dark span.label[task-status-table="4"] {
  background-color: rgba(147, 197, 253, .14) !important;
  border-color: rgba(147, 197, 253, .7) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark a.dropdown-toggle.label[task-status-table="5"],
html.di-crm-dark span.label[task-status-table="5"] {
  background-color: rgba(134, 239, 172, .12) !important;
  border-color: rgba(134, 239, 172, .65) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

/* Repeat lead status colors with higher specificity than inline-background guards. */
html.di-crm-dark a.dropdown-toggle.label.lead-status-1 {
  background-color: rgba(134, 239, 172, .12) !important;
  border-color: rgba(134, 239, 172, .65) !important;
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-2 {
  background-color: rgba(244, 114, 182, .12) !important;
  border-color: rgba(244, 114, 182, .65) !important;
  color: #f472b6 !important;
  -webkit-text-fill-color: #f472b6 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-3,
html.di-crm-dark a.dropdown-toggle.label.lead-status-7,
html.di-crm-dark a.dropdown-toggle.label.lead-status-13 {
  background-color: rgba(251, 191, 36, .12) !important;
  border-color: rgba(251, 191, 36, .65) !important;
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-4 {
  background-color: rgba(94, 234, 212, .12) !important;
  border-color: rgba(94, 234, 212, .65) !important;
  color: #5eead4 !important;
  -webkit-text-fill-color: #5eead4 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-5 {
  background-color: rgba(96, 165, 250, .12) !important;
  border-color: rgba(96, 165, 250, .65) !important;
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-6 {
  background-color: rgba(232, 121, 249, .12) !important;
  border-color: rgba(232, 121, 249, .65) !important;
  color: #e879f9 !important;
  -webkit-text-fill-color: #e879f9 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-8,
html.di-crm-dark a.dropdown-toggle.label.lead-status-11 {
  background-color: rgba(248, 113, 113, .12) !important;
  border-color: rgba(248, 113, 113, .65) !important;
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-9,
html.di-crm-dark a.dropdown-toggle.label.lead-status-12 {
  background-color: rgba(203, 213, 225, .12) !important;
  border-color: rgba(203, 213, 225, .65) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark a.dropdown-toggle.label.lead-status-10 {
  background-color: rgba(34, 211, 238, .12) !important;
  border-color: rgba(34, 211, 238, .65) !important;
  color: #22d3ee !important;
  -webkit-text-fill-color: #22d3ee !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-1,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-1 * {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-2,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-2 * {
  color: #f472b6 !important;
  -webkit-text-fill-color: #f472b6 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-3,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-3 *,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-7,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-7 *,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-13,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-13 * {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-4,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-4 * {
  color: #5eead4 !important;
  -webkit-text-fill-color: #5eead4 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-5,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-5 * {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-6,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-6 * {
  color: #e879f9 !important;
  -webkit-text-fill-color: #e879f9 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-8,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-8 *,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-11,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-11 * {
  color: #f87171 !important;
  -webkit-text-fill-color: #f87171 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-9,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-9 *,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-12,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-12 * {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark .table a.dropdown-toggle.label.lead-status-10,
html.di-crm-dark .table a.dropdown-toggle.label.lead-status-10 * {
  color: #22d3ee !important;
  -webkit-text-fill-color: #22d3ee !important;
}

/* Shared dark-mode contrast for status filter labels used outside Tasks/Leads. */
html.di-crm-dark button span[style*="rgb(37, 99, 235)"],
html.di-crm-dark button span[style*="#2563eb"],
html.di-crm-dark button span[style*="rgb(59, 130, 246)"],
html.di-crm-dark button span[style*="#3b82f6"] {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark button span[style*="rgb(71, 85, 105)"],
html.di-crm-dark button span[style*="#475569"],
html.di-crm-dark button span[style*="rgb(100, 116, 139)"],
html.di-crm-dark button span[style*="#64748b"] {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark button span[style*="rgb(22, 163, 74)"],
html.di-crm-dark button span[style*="#16a34a"],
html.di-crm-dark button span[style*="rgb(34, 197, 94)"],
html.di-crm-dark button span[style*="#22c55e"] {
  color: #86efac !important;
  -webkit-text-fill-color: #86efac !important;
}

html.di-crm-dark button span[style*="rgb(202, 138, 4)"],
html.di-crm-dark button span[style*="#ca8a04"],
html.di-crm-dark button span[style*="rgb(217, 119, 6)"],
html.di-crm-dark button span[style*="#d97706"] {
  color: #fbbf24 !important;
  -webkit-text-fill-color: #fbbf24 !important;
}

html.di-crm-dark .tw-rounded-full.bg-warning,
html.di-crm-dark .label-warning {
  background-color: #92400e !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .tw-rounded-full.bg-info,
html.di-crm-dark .label-info {
  background-color: #075985 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark span[style*="rgb(37, 99, 235)"],
html.di-crm-dark span[style*="#2563eb"],
html.di-crm-dark span[style*="rgb(59, 130, 246)"],
html.di-crm-dark span[style*="#3b82f6"] {
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark span[style*="rgb(71, 85, 105)"],
html.di-crm-dark span[style*="#475569"],
html.di-crm-dark span[style*="rgb(100, 116, 139)"],
html.di-crm-dark span[style*="#64748b"] {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark span.label[class*="project-status-"],
html.di-crm-dark span.label[class*="ticket-status-"] {
  background-color: rgba(148, 163, 184, .14) !important;
  border-color: rgba(148, 163, 184, .65) !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark span.label.project-status-2,
html.di-crm-dark span.label.ticket-status-3 {
  background-color: rgba(147, 197, 253, .14) !important;
  border-color: rgba(147, 197, 253, .7) !important;
  color: #93c5fd !important;
  -webkit-text-fill-color: #93c5fd !important;
}

html.di-crm-dark span.label[class*="project-status-"]:hover,
html.di-crm-dark span.label[class*="ticket-status-"]:hover {
  background-color: #1e293b !important;
}

/* Dashboard selected dark-mode surfaces: reverse the light cards/strips into dark panels. */
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs,
html.di-crm-dark body.dashboard .user-data .horizontal-tabs,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a {
  background-color: #111827 !important;
  border-color: transparent !important;
  color: #dbe4f0 !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a i,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a .menu-icon,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a .fa,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a .fa-regular,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a .fa-solid,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a span {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li > a .badge {
  align-items: center;
  background-color: #334155 !important;
  border: 1px solid #64748b !important;
  color: #f8fafc !important;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  margin-left: 6px;
  min-height: 20px;
  min-width: 26px;
  -webkit-text-fill-color: #f8fafc !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li.active > a,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li.active > a:hover,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li.active > a:focus {
  background-color: #f8fafc !important;
  border-color: #f8fafc !important;
  color: #0f172a !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li.active > a .badge {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li:not(.active) > a:hover,
html.di-crm-dark body.dashboard .user-data .nav-tabs-horizontal > li:not(.active) > a:focus {
  background-color: #1e293b !important;
  border-color: #475569 !important;
  color: #ffffff !important;
}

html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
}

html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller:hover,
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller:focus {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller i,
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller .fa {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller.disabled,
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller.disabled i,
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller.disabled .fa,
html.di-crm-dark body.dashboard .panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-right.disabled i.fa.fa-angle-right,
html.di-crm-dark body.dashboard .panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-left.disabled i.fa.fa-angle-left {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller:not(.disabled) i,
html.di-crm-dark body.dashboard .user-data .horizontal-scrollable-tabs .scroller:not(.disabled) .fa,
html.di-crm-dark body.dashboard .panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-right:not(.disabled) i.fa.fa-angle-right,
html.di-crm-dark body.dashboard .panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-left:not(.disabled) i.fa.fa-angle-left {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.dashboard .top_stats_wrapper {
  background-color: #111827 !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, .2) !important;
  color: #e5edf7 !important;
}

html.di-crm-dark body.dashboard .top_stats_wrapper *,
html.di-crm-dark body.dashboard .top_stats_wrapper .tw-text-neutral-500,
html.di-crm-dark body.dashboard .top_stats_wrapper .tw-text-neutral-600,
html.di-crm-dark body.dashboard .top_stats_wrapper .tw-text-neutral-700,
html.di-crm-dark body.dashboard .top_stats_wrapper .tw-text-neutral-800,
html.di-crm-dark body.dashboard .top_stats_wrapper span,
html.di-crm-dark body.dashboard .top_stats_wrapper i,
html.di-crm-dark body.dashboard .top_stats_wrapper svg,
html.di-crm-dark body.dashboard .top_stats_wrapper svg * {
  color: #e5edf7 !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.dashboard .top_stats_wrapper:hover,
html.di-crm-dark body.dashboard .top_stats_wrapper:focus-within {
  background-color: #172033 !important;
  border-color: #475569 !important;
}

html.di-crm-dark body.dashboard .top_stats_wrapper .progress {
  background-color: #24314a !important;
}

/* Highlight plus/create buttons in dark mode with the opposite light/dark treatment. */
html.di-crm-dark .btn.btn-primary.new,
html.di-crm-dark a.btn.btn-primary[onclick*="init_lead()"],
html.di-crm-dark a.btn.btn-primary[onclick*="new_task("],
html.di-crm-dark button.btn.btn-primary.new-lead-from-status,
html.di-crm-dark .navbar-nav > li.icon > a > span.tw-bg-primary-600 {
  background-color: #f8fafc !important;
  border-color: #f8fafc !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 10px 22px rgba(148, 163, 184, .22) !important;
}

html.di-crm-dark .btn.btn-primary.new *,
html.di-crm-dark a.btn.btn-primary[onclick*="init_lead()"] *,
html.di-crm-dark a.btn.btn-primary[onclick*="new_task("] *,
html.di-crm-dark button.btn.btn-primary.new-lead-from-status *,
html.di-crm-dark .navbar-nav > li.icon > a > span.tw-bg-primary-600 * {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html.di-crm-dark .btn.btn-primary.new:hover,
html.di-crm-dark .btn.btn-primary.new:focus,
html.di-crm-dark a.btn.btn-primary[onclick*="init_lead()"]:hover,
html.di-crm-dark a.btn.btn-primary[onclick*="init_lead()"]:focus,
html.di-crm-dark a.btn.btn-primary[onclick*="new_task("]:hover,
html.di-crm-dark a.btn.btn-primary[onclick*="new_task("]:focus,
html.di-crm-dark button.btn.btn-primary.new-lead-from-status:hover,
html.di-crm-dark button.btn.btn-primary.new-lead-from-status:focus,
html.di-crm-dark .navbar-nav > li.icon > a:hover > span.tw-bg-primary-600,
html.di-crm-dark .navbar-nav > li.icon > a:focus > span.tw-bg-primary-600 {
  background-color: #e2e8f0 !important;
  border-color: #e2e8f0 !important;
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
}

html.di-crm-dark #logo a.logo {
  position: relative;
}

html.di-crm-dark #logo a.logo::before {
  background: #111827;
  content: "";
  height: 9px;
  left: 39px;
  position: absolute;
  top: 25px;
  width: 87px;
  z-index: 1;
}

html.di-crm-dark #logo a.logo::after {
  color: #f8fafc;
  content: "Evolving into digital iverse";
  font-size: 5.2px;
  font-weight: 500;
  left: 40px;
  letter-spacing: .03px;
  line-height: 1;
  position: absolute;
  top: 27px;
  white-space: nowrap;
  z-index: 2;
}

/* Dark-mode opened/hidden controls: keep revealed options readable across CRM. */
html.di-crm-dark .collapse.in,
html.di-crm-dark .collapsing,
html.di-crm-dark .accordion,
html.di-crm-dark .accordion-group,
html.di-crm-dark .accordion-body,
html.di-crm-dark .accordion-inner,
html.di-crm-dark .panel-collapse,
html.di-crm-dark .panel-collapse .panel-body,
html.di-crm-dark .filter-body,
html.di-crm-dark .filters,
html.di-crm-dark .dt-filters,
html.di-crm-dark .kanban-filters,
html.di-crm-dark .tab-content,
html.di-crm-dark .well,
html.di-crm-dark .popover,
html.di-crm-dark .popover-content {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .accordion-toggle,
html.di-crm-dark a.accordion-toggle,
html.di-crm-dark [data-toggle="collapse"],
html.di-crm-dark .panel-heading a,
html.di-crm-dark .report-group,
html.di-crm-dark .report-group a,
html.di-crm-dark .reports a,
html.di-crm-dark .reports span,
html.di-crm-dark .reports i {
  background-color: transparent !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark .accordion-toggle:hover,
html.di-crm-dark .accordion-toggle:focus,
html.di-crm-dark a.accordion-toggle:hover,
html.di-crm-dark a.accordion-toggle:focus,
html.di-crm-dark [data-toggle="collapse"]:hover,
html.di-crm-dark [data-toggle="collapse"]:focus,
html.di-crm-dark .panel-heading a:hover,
html.di-crm-dark .panel-heading a:focus,
html.di-crm-dark .report-group:hover,
html.di-crm-dark .report-group:focus,
html.di-crm-dark .reports a:hover,
html.di-crm-dark .reports a:focus {
  background-color: #24314a !important;
  border-color: #475569 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .accordion-toggle.active,
html.di-crm-dark a.accordion-toggle.active,
html.di-crm-dark [data-toggle="collapse"][aria-expanded="true"],
html.di-crm-dark .panel-heading.active,
html.di-crm-dark .report-group.active,
html.di-crm-dark .reports .active,
html.di-crm-dark .reports a.active {
  background-color: #24314a !important;
  border-color: #475569 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .accordion-toggle.active *,
html.di-crm-dark a.accordion-toggle.active *,
html.di-crm-dark [data-toggle="collapse"][aria-expanded="true"] *,
html.di-crm-dark .panel-heading.active *,
html.di-crm-dark .report-group.active *,
html.di-crm-dark .reports .active *,
html.di-crm-dark .reports a.active * {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .dropdown-menu,
html.di-crm-dark .dropdown-menu.open,
html.di-crm-dark .bootstrap-select.open .dropdown-menu,
html.di-crm-dark .bootstrap-select .dropdown-menu,
html.di-crm-dark .bootstrap-select .dropdown-menu.inner,
html.di-crm-dark .bootstrap-select.open .dropdown-menu.inner,
html.di-crm-dark .bootstrap-select .popover-title,
html.di-crm-dark .select2-dropdown,
html.di-crm-dark .select2-container--open .select2-dropdown {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .dropdown-menu > li > a,
html.di-crm-dark .bootstrap-select .dropdown-menu li a,
html.di-crm-dark .bootstrap-select .dropdown-menu li span.text,
html.di-crm-dark .bootstrap-select .dropdown-menu .no-results,
html.di-crm-dark .bootstrap-select .dropdown-menu .status,
html.di-crm-dark .select2-results__option,
html.di-crm-dark .select2-results__message {
  background-color: #111827 !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
}

html.di-crm-dark .dropdown-menu > li > a:hover,
html.di-crm-dark .dropdown-menu > li > a:focus,
html.di-crm-dark .dropdown-menu > .active > a,
html.di-crm-dark .dropdown-menu > .active > a:hover,
html.di-crm-dark .dropdown-menu > .active > a:focus,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:hover,
html.di-crm-dark .bootstrap-select .dropdown-menu li a:focus,
html.di-crm-dark .bootstrap-select .dropdown-menu li.selected a,
html.di-crm-dark .select2-results__option--highlighted[aria-selected],
html.di-crm-dark .select2-results__option[aria-selected="true"] {
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark .form-control[disabled],
html.di-crm-dark .form-control[readonly],
html.di-crm-dark fieldset[disabled] .form-control,
html.di-crm-dark input[disabled],
html.di-crm-dark input[readonly],
html.di-crm-dark textarea[disabled],
html.di-crm-dark textarea[readonly],
html.di-crm-dark select[disabled],
html.di-crm-dark .btn.disabled,
html.di-crm-dark .btn[disabled],
html.di-crm-dark .bootstrap-select.disabled .btn,
html.di-crm-dark .bootstrap-select > .disabled {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #94a3b8 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html.di-crm-dark .input-group-addon,
html.di-crm-dark .input-group-btn .btn,
html.di-crm-dark .dataTables_length .btn,
html.di-crm-dark .dataTables_filter .input-group-addon,
html.di-crm-dark .dt-buttons .btn,
html.di-crm-dark .btn-dt-reload,
html.di-crm-dark .table-btn {
  background-color: #172033 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .input-group-addon *,
html.di-crm-dark .input-group-btn .btn *,
html.di-crm-dark .dataTables_length .btn *,
html.di-crm-dark .dataTables_filter .input-group-addon *,
html.di-crm-dark .dt-buttons .btn *,
html.di-crm-dark .btn-dt-reload *,
html.di-crm-dark .table-btn * {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.lead-phone-whatsapp-wrap {
  align-items: center;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 6px;
  line-height: 1.25;
  max-width: 100%;
  vertical-align: middle;
  white-space: nowrap;
}

.lead-phone-number {
  display: inline-block;
  min-width: 0;
}

.lead-call-open,
.lead-whatsapp-open {
  align-items: center;
  border-radius: 999px;
  color: #ffffff !important;
  display: inline-flex !important;
  flex: 0 0 22px;
  height: 22px;
  justify-content: center;
  line-height: 1;
  margin: 0 !important;
  min-width: 22px;
  text-decoration: none !important;
  width: 22px;
}

.lead-call-open {
  background: #2563eb;
  border: 1px solid #1d4ed8;
}

.lead-whatsapp-open {
  background: transparent;
  border: 0;
}

.lead-call-open:hover,
.lead-call-open:focus {
  background: #1d4ed8;
  border-color: #1e40af;
  color: #ffffff !important;
  text-decoration: none !important;
}

.lead-whatsapp-open:hover,
.lead-whatsapp-open:focus {
  background: transparent;
  filter: brightness(.92);
  color: #ffffff !important;
  text-decoration: none !important;
}

.lead-call-open .fa,
.lead-whatsapp-open .fa {
  color: inherit;
  font-size: 14px;
}

.lead-whatsapp-logo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='16' fill='%2325D366'/%3E%3Cpath fill='%23fff' d='M23.472 19.339c-.355-.178-2.1-1.036-2.425-1.154-.325-.119-.562-.178-.799.178-.237.355-.918 1.154-1.125 1.392-.207.237-.414.267-.769.089-.355-.178-1.498-.552-2.853-1.76-1.054-.94-1.765-2.101-1.972-2.456-.207-.355-.022-.547.156-.724.16-.159.355-.414.533-.621.178-.207.237-.355.355-.592.119-.237.059-.444-.03-.621-.089-.178-.799-1.925-1.095-2.634-.288-.691-.581-.597-.799-.608-.207-.01-.444-.012-.681-.012s-.621.089-.947.444c-.325.355-1.243 1.214-1.243 2.959 0 1.746 1.273 3.432 1.45 3.669.178.237 2.505 3.824 6.07 5.362.848.366 1.51.584 2.026.748.851.271 1.626.233 2.239.141.683-.102 2.1-.858 2.396-1.687.296-.828.296-1.539.207-1.687-.089-.148-.325-.237-.681-.414z'/%3E%3Cpath fill='%23fff' d='M16.017 5.333c-5.899 0-10.696 4.797-10.696 10.696 0 1.886.493 3.727 1.43 5.35l-1.519 5.555 5.685-1.492a10.666 10.666 0 0 0 5.095 1.299h.005c5.899 0 10.696-4.797 10.696-10.696S21.916 5.333 16.017 5.333zm.005 19.59h-.004a8.858 8.858 0 0 1-4.515-1.237l-.325-.193-3.373.885.9-3.289-.212-.337a8.854 8.854 0 0 1-1.354-4.723c0-4.898 3.985-8.883 8.883-8.883 2.373 0 4.604.924 6.282 2.603a8.827 8.827 0 0 1 2.601 6.286c0 4.898-3.985 8.888-8.883 8.888z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block !important;
  height: 22px;
  min-width: 22px;
  width: 22px;
}

html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .tw-flex,
html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .checkbox,
html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .checkbox label {
  background-color: transparent !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .checkbox label:before {
  background-color: #0f172a !important;
  border-color: #64748b !important;
}

html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .checkbox input[type="checkbox"]:checked + label:before {
  background-color: #2563eb !important;
  border-color: #60a5fa !important;
}

html.di-crm-dark .content .tw-max-w-4xl .panel_s > .panel-footer .checkbox input[type="checkbox"]:checked + label:after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html.di-crm-dark body.dashboard #widget-user_data.panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-left.disabled i.fa.fa-angle-left,
html.di-crm-dark body.dashboard #widget-user_data.panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-right.disabled i.fa.fa-angle-right {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
}

html.di-crm-dark body.dashboard #widget-user_data.panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-left:not(.disabled) i.fa.fa-angle-left,
html.di-crm-dark body.dashboard #widget-user_data.panel_s.user-data .horizontal-scrollable-tabs .scroller.scroller-right:not(.disabled) i.fa.fa-angle-right {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.announcements .content .panel_s > .panel-footer,
html.di-crm-dark body.announcements .content .panel_s > .panel-footer.tw-bg-white,
html.di-crm-dark body.announcements .content .panel_s > .panel-footer[class*="tw-bg-white"] {
  background-color: #111827 !important;
  border-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.announcements .content .panel_s > .panel-footer *,
html.di-crm-dark body.announcements .content .panel_s > .panel-footer .checkbox,
html.di-crm-dark body.announcements .content .panel_s > .panel-footer .checkbox label {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

/* Dark-mode Kanban cards: keep task and lead grid cards readable without changing status logic. */
html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body,
html.di-crm-dark body.leads .leads-kan-ban .kan-ban-col .lead-kan-ban > .panel-body,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body {
  background-color: #172033 !important;
  border-right-color: #334155 !important;
  border-bottom-color: #334155 !important;
  border-left-color: #334155 !important;
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.24) !important;
}

html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body:hover,
html.di-crm-dark body.leads .leads-kan-ban .kan-ban-col .lead-kan-ban > .panel-body:hover,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body:hover {
  background-color: #1f2b43 !important;
}

html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body a,
html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body span,
html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body i,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body a,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body span,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body p,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body small,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body i {
  color: #e5edf7 !important;
  -webkit-text-fill-color: #e5edf7 !important;
}

html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body .tw-text-neutral-500,
html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body .tw-text-neutral-600,
html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body .text-muted,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .tw-text-neutral-500,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .tw-text-neutral-600,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .text-muted,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .lead-field-heading {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

html.di-crm-dark body.tasks .kan-ban-col .task > .panel-body .task-name a,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .lead-name a {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .kan-ban-expand-top {
  background-color: #24314a !important;
  border: 1px solid #3b4b68 !important;
  border-radius: 6px !important;
  color: #dbe4f0 !important;
  -webkit-text-fill-color: #dbe4f0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  opacity: 1 !important;
}

html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .kan-ban-expand-top:hover,
html.di-crm-dark body.leads .kan-ban-col .lead-kan-ban > .panel-body .kan-ban-expand-top:focus {
  background-color: #334155 !important;
  border-color: #64748b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}