:root {
    --color: #ffffff;
    --white-color: #bfbfbf;
    --shade-color: #424242;
    --gradient-color:  #242424 100% !important;
    --gradient-back-color: #0a0a0a !important;
    --unselected-color: #242424;
    --text-color: #bfbfbf;
    --border-radius: 0.85rem !important;
    --transparent-color: transparent !important;
    --tree-items-bg: #0a0a0a;
    --tree-items-text-color: #ffffff;
    --mobile-back-color: #ffffff;
    --notification-color: #ffffff;
    --pagination-text-color: #ffffff;
    /* AmCharts: only defined for Slate Noir; other themes keep defaults */
    --chart-label-color: #bfbfbf;
    --chart-axis-color: #666666;
    --empty-ill-bg: #3a3a3a;
    --empty-ill-muted: #555555;
    --empty-ill-white: #bfbfbf;
}

body {
    background-color:#000 !important;
}

/* Main content area background */
.kt-content,
.kt-wrapper,
.kt-grid__item,
.kt-body {
    background-color: #000 !important;
}
/* User profile dropdown — dark panel, readable hover, dark logout */
#userDropDown {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
#userDropDown .kt-user-card {
    background: #242424 !important;
}
#userDropDown .kt-notification__item,
#userDropDown .kt-notification__item-details,
#userDropDown .kt-notification__item-title {
    color: #ffffff !important;
}
#userDropDown .kt-notification__item-icon i {
    color: #ffffff !important;
}
#userDropDown .kt-notification__item:hover {
    background-color: #424242 !important;
}
#userDropDown .kt-notification__item:hover .kt-notification__item-title,
#userDropDown .kt-notification__item:hover .kt-notification__item-icon i {
    color: #ffffff !important;
}
#userDropDown .kt-notification__custom {
    background: transparent !important;
}
#userDropDown .btn.btn-label-brand,
#userDropDown .btn.btn-label.btn-label-brand {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
#userDropDown .btn.btn-label-brand:hover,
#userDropDown .btn.btn-label.btn-label-brand:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.dark-mode {
    background-color:#242424 !important;
    border: 1px solid #424242 !important;
}

/* Kill Metronic datepicker blue (#5867dd) — only .active looks selected */
.datepicker tbody tr > td span.month.active,
.datepicker tbody tr > td span.month.active:hover,
.datepicker tbody tr > td span.month.active.focused,
.datepicker tbody tr > td span.month.active.focused:hover,
.datepicker tbody tr > td span.year.active,
.datepicker tbody tr > td span.year.active:hover,
.datepicker tbody tr > td span.year.active.focused,
.datepicker tbody tr > td span.year.active.focused:hover,
.datepicker tbody tr > td span.hour.active,
.datepicker tbody tr > td span.minute.active,
.datepicker table tr td span.active,
.datepicker table tr td span.active.active,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.selected {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    text-shadow: none !important;
}
/* Focused / hover must NOT look like selected (avoids two white months) */
.datepicker tbody tr > td span.month:hover,
.datepicker tbody tr > td span.year:hover,
.datepicker tbody tr > td span.month.focused,
.datepicker tbody tr > td span.year.focused,
.datepicker tbody tr > td span.month.focused:hover,
.datepicker tbody tr > td span.year.focused:hover {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
/* Unselected months stay muted */
.datepicker tbody tr > td span.month,
.datepicker tbody tr > td span.year {
    background: transparent !important;
    color: #bfbfbf !important;
}
.datepicker,
.datepicker.datepicker-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.datepicker table tr td,
.datepicker table tr th,
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker .dow,
.datepicker .day {
    color: #ffffff !important;
    background: transparent !important;
}
.datepicker thead th,
.datepicker .datepicker-switch {
    background: #242424 !important;
    color: #ffffff !important;
}
.datepicker thead th.prev:hover,
.datepicker thead th.next:hover,
.datepicker thead th.datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker .datepicker-switch:hover {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
.datepicker table tr td.day:hover {
    background: #424242 !important;
    color: #ffffff !important;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #888888 !important;
}
/* Filter toolbars: never show the dark-mode box — only style the pills */
.filter-container.dark-mode {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0.75rem !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
.filter-container.dark-mode button,
.filter-container.dark-mode .filter,
.filter-container.dark-mode .clear,
.filter-container.dark-mode .download {
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}
/* Shared report grid shells — only when .dark-mode is present (Slate Noir) */
.be-report-table-shell.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.report_thead.dark-mode,
.report_thead.dark-mode th,
.be-report-table-shell.dark-mode .report_thead,
.be-report-table-shell.dark-mode .report_thead th,
.be-report-table-shell.dark-mode .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/* Attrition Report — beat attritionReportStyle.css thead th { color: #000 } */
.attrition-report-screen .custom-overflow .row:has(sb-grid) {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
}
.attrition-report-screen .custom-overflow .report_table,
.attrition-report-screen .custom-overflow .report_table.be-report-table,
.attrition-report-screen .be-report-table-shell .report_table,
.attrition-report-screen .be-report-table-shell .be-report-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    -webkit-border-horizontal-spacing: 0 !important;
    -webkit-border-vertical-spacing: 0 !important;
}
.attrition-report-screen .be-report-table-shell,
.attrition-report-screen .be-report-table-shell.dark-mode {
    padding: 0 !important;
    margin: 0 !important;
}
.attrition-report-screen .be-report-table-scroll {
    padding: 0 !important;
    margin: 0 !important;
}
.attrition-report-screen .custom-overflow .report_table thead th,
.attrition-report-screen .custom-overflow .report_thead,
.attrition-report-screen .custom-overflow .report_thead.dark-mode,
.attrition-report-screen .custom-overflow .report_thead.dark-mode th,
.attrition-report-screen .custom-overflow .report_table thead th.dark-mode-light-text,
.attrition-report-screen .custom-overflow .report_table thead th .dark-mode-light-text,
.attrition-report-screen .custom-overflow .report_table thead th span {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #424242 !important;
    border-color: #424242 !important;
}
.attrition-report-screen .custom-overflow .report_table thead th:first-child {
    border-top-left-radius: 9px !important;
}
.attrition-report-screen .custom-overflow .report_table thead th:last-child {
    border-top-right-radius: 9px !important;
}
/* Active sorted column label only (e.g. "Created On") — underline like other themes */
.attrition-report-screen .custom-overflow .report_table thead th span.kt-font-info {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
.cr-row.dark-mode,
.cr-row.dark-mode td,
.be-report-table-shell.dark-mode .cr-row,
.be-report-table-shell.dark-mode .cr-row td,
.be-report-table-shell.dark-mode .be-report-table tbody tr,
.be-report-table-shell.dark-mode .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.be-report-table-shell.dark-mode .cr-row td span,
.be-report-table-shell.dark-mode .cr-row td a:not(.dropdown-item),
.be-report-table-shell.dark-mode .cr-row td p,
.be-report-table-shell.dark-mode .cr-row td a:not(.dropdown-item) i {
    color: #ffffff !important;
}
.be-report-table-shell.dark-mode .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.btn.btn-pill{
    color: #000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.btn-pill:hover,
.btn.btn-pill:hover,
.btn.btn-brand.btn-pill:hover,
.btn.btn-pill.btn-brand:hover,
button.btn-brand:hover,
.btn-brand:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000 !important;
}
/* Scroll FAB: white btn-brand + black chevron (theme-components uses white icon on hover) */
#scroll-btn,
#scroll-btn i,
#scroll-btn:hover,
#scroll-btn:hover i {
    color: #000000 !important;
}
/* Search bar + Create button (same text/bg pattern as .btn.btn-pill) */
.search-container input[type="text"] {
    background: #242424 !important;
    border: 2px solid #424242 !important;
    color: #bfbfbf !important;
    border-radius: 999px !important;
}
.search-container input[type="text"].dark-mode {
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    border-radius: 999px !important;
}
.search-container input[type="text"]::placeholder {
    color: #888888 !important;
}
.search-container i.flaticon-search,
.search-container i {
    color: #bfbfbf !important;
}
.action-container .create-item {
    color: #000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.action-container .create-item::before {
    color: #000 !important;
}
.filter-container button,
.filter-container .clear,
.filter-container .filter,
.filter-container button.filter,
.filter-container button.clear,
.filter-container button.dark-mode-row-text,
.filter-container button.dark-mode-bg-transparent,
.filter-container button.dark-mode-white-border {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.filter-container button.btn-pill,
.filter-container .filter.btn-pill,
.filter-container .clear.btn-pill,
.filter-container .download.btn-pill,
.filter-container .create.btn-pill {
    border-radius: 999px !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
.filter-container .clear::before,
.filter-container .filter::before,
.filter-container .download::before,
.filter-container button.dark-mode-row-text::before,
.filter-container button.filter::before {
    color: #000000 !important;
}
.action-container .create-item:hover,
.action-container button:hover,
.filter-container button:hover {
    background-color: #ffffff !important;
    color: #000 !important;
    box-shadow: none !important;
}
/* AmCharts export menu: black text on white panels; restore hover (our !important was blocking it) */
.dark-mode-text .amcharts-export-menu,
.dark-mode-text .amcharts-export-menu a,
.dark-mode-text .amcharts-export-menu span,
.dark-mode-text .amcharts-export-menu li,
.dark-mode-text .amExportButton,
.dark-mode-text .amExportButton a,
.dark-mode-text .amExportButton span {
    color: #000 !important;
}
.dark-mode-text .amcharts-export-menu li:hover > a,
.dark-mode-text .amcharts-export-menu li:hover > span,
.dark-mode-text .amcharts-export-menu li.active > a,
.dark-mode-text .amcharts-export-menu li:hover > a span,
.dark-mode-text .amExportButton li:hover > a,
.dark-mode-text .amExportButton li:hover > span,
.dark-mode-text .amExportButton li.active > a {
    color: #fff !important;
    background-color: #636363 !important;
}
.dark-mode-text {
    color: #bfbfbf !important;
}
/* Learning Analytics compact card numbers (Slate Noir only) */
.compact-card-value-right,
.compact-card-value-right span {
    color: #ffffff !important;
}
/* Learning Analytics card icons — force white (Slate Noir only) */
.compact-card-icon,
.compact-card-icon i,
.compact-card-icon svg,
.analytics-card-icon,
.analytics-card-icon i,
.analytics-card-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* Grid rows with .dark-mode: override chromium.main.css #666 cell text (Slate Noir only) */
.grid-container .grid-head.dark-mode,
.grid-container .grid-head.dark-mode th,
.grid-container .grid-head.dark-mode-row-bg,
.grid-container .grid-head.dark-mode-row-bg th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.grid-container .grid-row.dark-mode,
.grid-container .grid-row.dark-mode td,
.grid-container .grid-row.dark-mode th,
.grid-container .grid-row.dark-mode td span:not(.kt-nav__link-text):not(.kt-nav__link-icon),
.grid-container .grid-row.dark-mode td a:not(.kt-nav__link):not(.dropdown-item),
.grid-container .grid-row.dark-mode td p,
.grid-container .grid-row.dark-mode td small,
.grid-container .grid-row.dark-mode td b,
.grid-container .grid-row.dark-mode td strong {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #bfbfbf !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
/* Options menus stay white + black text (do not inherit dark row link styles) */
.grid-container .grid-row.dark-mode td .dropdown-menu,
.grid-container .grid-row.dark-mode td .dropdown-menu.show {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15) !important;
}
.grid-container .grid-row.dark-mode td .dropdown-menu a,
.grid-container .grid-row.dark-mode td .dropdown-menu span,
.grid-container .grid-row.dark-mode td .dropdown-menu i,
.grid-container .grid-row.dark-mode td .dropdown-menu p,
.grid-container .grid-row.dark-mode td .dropdown-menu .dropdown-item,
.grid-container .grid-row.dark-mode td .dropdown-menu .dropdown-item i,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__head {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}
.grid-container .grid-row.dark-mode td .dropdown-menu .dropdown-item:hover,
.grid-container .grid-row.dark-mode td .dropdown-menu .dropdown-item:focus,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.grid-container .grid-row.dark-mode td .dropdown-menu .dropdown-item:hover i,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover > .kt-nav__link span {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
}
/* Sticky "..." action column — chromium hardcodes white / var(--color) */
.grid-container .grid-head .fixed-col,
.grid-container .grid-row.dark-mode td.fixed-col,
.grid-container .grid-row .fixed-col {
    background-color: #242424 !important;
    background: #242424 !important;
}
.grid-container .grid-row .fixed-col {
    z-index: 2;
}
.grid-container .grid-head .fixed-col {
    z-index: 3;
}
.grid-container .grid-row:has(.dropdown.show) .fixed-col,
.grid-container .grid-row .fixed-col:has(.dropdown.show) {
    z-index: 50 !important;
}
.grid-container .grid-row .fixed-col .dropdown-menu.show {
    z-index: 51 !important;
}
.grid-container .grid-row.dark-mode td.fixed-col .btn-clean,
.grid-container .grid-row .fixed-col .btn-clean {
    background-color: transparent !important;
    background: transparent !important;
}
.grid-container .grid-row.dark-mode td.fixed-col .flaticon-more-1,
.grid-container .grid-row .fixed-col .flaticon-more-1 {
    color: #bfbfbf !important;
}
/* Options dropdown: --color is white, so link text vanishes on light pills */
.dropdown-menu .kt-nav__link-text,
.dropdown-menu .kt-nav__link-icon,
.dropdown-action .kt-nav__link-text,
.dropdown-action .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-action .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-action .kt-nav__link-icon {
    color: #000 !important;
}
.dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.dropdown-action .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.dropdown-action .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-action .kt-nav__item:hover .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-action .kt-nav__item:hover .kt-nav__link-icon {
    /* Light hover pills (#bfbfbf / shade) — keep black text (was #fff / invisible) */
    color: #000 !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .dark-mode-light-text {
    color: #ffffff !important;
}
/* Also cover bare <span>/<i> (e.g. Assign Questions without .kt-nav__link-text) */
.dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover,
.dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover span,
.dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover i,
.cr-row .kt-nav__item:hover > a.kt-nav__link,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover,
.cr-row .kt-nav__item:hover > a.kt-nav__link span,
.cr-row .kt-nav__item:hover > a.kt-nav__link i,
.cr-row .kt-nav__item:hover > a.kt-nav__link .kt-nav__link-text,
.cr-row .kt-nav__item:hover > a.kt-nav__link .kt-nav__link-icon,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon {
    color: #000000 !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover i {
    color: #ffffff !important;
}
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.configure-lp-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
/* Dark row action menus (Edit/Deactivate) — white icons/text on #242424 */
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-text,
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-icon,
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link i,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link i,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-text,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link-icon,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__link i {
    color: #000000 !important;
}
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover .kt-nav__link-text,
.grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover .kt-nav__link-icon {
    color: #ffffff !important;
}
/* Beat theme-components var(--white-color) hover on light Options pills */
.dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    color: #000000 !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .dark-mode-light-text,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover i {
    color: #ffffff !important;
}
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link:hover {
    color: #ffffff !important;
}
/* LP card Options only — scoped so Certificates/Tag Groups/etc. are untouched */
.lp-card-dropdown .dropdown-menu:has(.kt-nav.dark-mode-row-bg),
.lp-card-dropdown .dropdown-menu,
.lp-card-dropdown .kt-nav.dark-mode-row-bg {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-bg-white,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-dark-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item > .kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item > div.kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item > a.kt-nav__link {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: none !important;
}
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link i,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-bg-white .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-bg-white .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-bg-white i,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-dark-text .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-dark-text .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__link.dark-mode-dark-text i {
    color: #ffffff !important;
    background: transparent !important;
}
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > div.kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > a.kt-nav__link,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-bg-white,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-dark-text {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link i,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-bg-white .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-bg-white .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-bg-white i,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-dark-text .kt-nav__link-text,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-dark-text .kt-nav__link-icon,
.lp-card-dropdown .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link.dark-mode-dark-text i {
    color: #000000 !important;
    background: transparent !important;
}
.manage-lp-categories-screen .dropdown-menu:has(.kt-nav.dark-mode-row-bg),
.manage-lp-categories-screen .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
/* Certificates + Tag Groups Options — same as Manage Users (scoped; uses dropdown-item dark-mode-text-color) */
.manage-certificates-screen .dropdown-menu,
.manage-tag-groups-screen .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
.manage-certificates-screen .dropdown-menu .dropdown-item,
.manage-certificates-screen .dropdown-menu .dropdown-item i,
.manage-certificates-screen .dropdown-menu .dropdown-item.dark-mode-text-color,
.manage-tag-groups-screen .dropdown-menu .dropdown-item,
.manage-tag-groups-screen .dropdown-menu .dropdown-item i,
.manage-tag-groups-screen .dropdown-menu .dropdown-item.dark-mode-text-color {
    color: #000000 !important;
    background-color: transparent !important;
}
.manage-certificates-screen .dropdown-menu .dropdown-item:hover,
.manage-certificates-screen .dropdown-menu .dropdown-item:focus,
.manage-certificates-screen .dropdown-menu .dropdown-item:hover i,
.manage-certificates-screen .dropdown-menu .dropdown-item:focus i,
.manage-tag-groups-screen .dropdown-menu .dropdown-item:hover,
.manage-tag-groups-screen .dropdown-menu .dropdown-item:focus,
.manage-tag-groups-screen .dropdown-menu .dropdown-item:hover i,
.manage-tag-groups-screen .dropdown-menu .dropdown-item:focus i {
    color: #000000 !important;
    background-color: #bfbfbf !important;
}
/* PDL / generic dropdown items: inherited light text vanishes on white menus */
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item.dropdown-item__color {
    color: #000 !important;
    background-color: transparent !important;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
    color: #000 !important;
    background-color: #bfbfbf !important;
}
/* Question Bank actions — light menu with readable black text */
.questionbank-manage-screen .dropdown-menu .kt-nav__link,
.questionbank-manage-screen .dropdown-menu .kt-nav__link-text,
.questionbank-manage-screen .dropdown-menu .kt-nav__link-icon,
.questionbank-manage-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.questionbank-manage-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.questionbank-manage-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.questionbank-manage-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.questionbank-manage-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
/* Fields column picker: match grid row (#242424) + white labels (Slate Noir only) */
#fieldsDropdownMenu.dropdown-menu,
#fieldsDropdownMenu.dropdown-menu.show {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
#fieldsDropdownMenu .kt-checkbox,
#fieldsDropdownMenu .kt-checkbox-list,
#fieldsDropdownMenu label,
#fieldsDropdownMenu label.kt-checkbox,
#fieldsDropdownMenu p,
#fieldsDropdownMenu .kt-font-bold {
    color: #ffffff !important;
}
#fieldsDropdownMenu .kt-checkbox > span {
    border-color: #ffffff !important;
    background: transparent !important;
}
#fieldsDropdownMenu .kt-checkbox > input:checked ~ span {
    background: transparent !important;
    border-color: #ffffff !important;
}
#fieldsDropdownMenu .kt-checkbox > input:checked ~ span:after {
    border-color: #ffffff !important;
}
#fieldsDropdownMenu .dropdown-divider {
    border-top-color: #424242 !important;
}
/* Modals (e.g. New Category): poppins-blue uses --color (#fff) → invisible on white */
.modal .modal-header {
    border-bottom-color: #e0e0e0 !important;
}
.modal .modal-header .poppins-blue,
.modal .modal-header h4,
.modal .modal-title {
    color: #000 !important;
}
.modal .modal-body label,
.modal .modal-body .sidenav-form--input-container__label,
.modal .modal-body p,
.modal .modal-body h3,
.modal .modal-body h4 {
    color: #000 !important;
}
.modal .modal-body .form-control {
    color: #000 !important;
    background-color: #fff !important;
    border-color: #d0d0d0 !important;
}
.modal .modal-footer .btn.btn-pill,
.modal .modal-footer .btn.btn-brand.btn-pill,
.modal .modal-footer .btn.btn-secondary.btn-pill {
    color: #000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.modal .modal-footer .btn.btn-pill:hover,
.modal .modal-footer .btn.btn-brand.btn-pill:hover,
.modal .modal-footer .btn.btn-secondary.btn-pill:hover {
    background-color: #bfbfbf !important;
    color: #000 !important;
    box-shadow: none !important;
}
/* Dark-mode modals (e.g. nomination Info) — readable on Slate Noir; only when .dark-mode is present */
.modal-content.dark-mode {
    background-color: #242424 !important;
    color: #bfbfbf !important;
    border-color: #424242 !important;
}
.modal-content.dark-mode .modal-header,
.modal-content.dark-mode .modal-header .modal-title,
.modal-content.dark-mode .modal-header h5,
.modal-content.dark-mode .modal-title,
.modal-content.dark-mode .modal-body,
.modal-content.dark-mode .modal-body div,
.modal-content.dark-mode .modal-body span,
.modal-content.dark-mode .modal-body strong,
.modal-content.dark-mode .modal-body li,
.modal-content.dark-mode .modal-body h1,
.modal-content.dark-mode .modal-body h3,
.modal-content.dark-mode .modal-body h4,
.modal-content.dark-mode .modal-body h5,
.modal-content.dark-mode .modal-body p,
.modal-content.dark-mode .modal-body--inner h1,
.modal-content.dark-mode .modal-body--inner h3,
.modal-content.dark-mode .kt-portlet-head__title,
.modal-content.dark-mode .poppins-black,
.modal-content.dark-mode .dark-mode-light-text,
.modal-content.dark-mode .kt-font-dark {
    color: #ffffff !important;
}
.modal-content.dark-mode .base-timer--percentage,
.modal-content.dark-mode .base-timer--completed {
    color: #ffffff !important;
}
.modal .modal-content.dark-mode .modal-header {
    border-bottom-color: #424242 !important;
}
.modal .modal-content.dark-mode .modal-footer {
    border-top-color: #424242 !important;
}
/* White badge counters — keep digits black (beat modal span #fff) */
.modal-content.dark-mode .modal-body .top-count,
.modal-content.dark-mode .modal-body span.top-count,
[id^="lpCardModal"] .modal-body .top-count,
[id^="lpCardModal"] .modal-body span.top-count {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 0.5px solid #cccccc !important;
}
.modal-content.dark-mode .modal-footer .cancel {
    color: #bfbfbf !important;
}
.modal-content.dark-mode .modal-footer .confirm {
    color: #ffffff !important;
}
.modal-content.dark-mode #lp-taining-obj-info.dark-mode {
    background: #424242 !important;
}
/* Manage LP Info modal (inside .card-lp — inherits light text on white panel) */
[id^="lpCardModal_"] .modal-content,
.modal[id^="lpCardModal_"] .modal-content {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
[id^="lpCardModal_"] .modal-header,
[id^="lpCardModal_"] .modal-body,
[id^="lpCardModal_"] .modal-footer,
[id^="lpCardModal_"] .modal-body div,
[id^="lpCardModal_"] .modal-body span,
[id^="lpCardModal_"] .modal-body strong,
[id^="lpCardModal_"] .modal-body li,
[id^="lpCardModal_"] .modal-body a,
[id^="lpCardModal_"] .poppins-black,
[id^="lpCardModal_"] .ct-modal-body {
    color: #ffffff !important;
    background: transparent !important;
    border-color: #424242 !important;
}
[id^="lpCardModal_"] #lp-taining-obj-info {
    background: #424242 !important;
    color: #ffffff !important;
}
[id^="lpCardModal_"] .btn.btn-secondary.btn-pill,
[id^="lpCardModal_"] .btn.btn-elevate.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
[id^="lpCardModal_"] .training-object-count {
    color: #ffffff !important;
    background: #424242 !important;
    background-color: #424242 !important;
    border: none !important;
}
[id^="lpCardModal_"] .training-object-count:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Dark-mode filter modals — inputs/selects match panel (#242424), not #000 */
.modal .modal-content.dark-mode .modal-header,
.modal .modal-content.dark-mode .modal-body,
.modal .modal-content.dark-mode .modal-footer {
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.modal .modal-content.dark-mode .modal-header .modal-title,
.modal .modal-content.dark-mode .modal-header h5,
.modal .modal-content.dark-mode .modal-title,
#lpCoverImage .modal-content.dark-mode .modal-title {
    color: #ffffff !important;
}
.modal .modal-content.dark-mode .modal-header img {
    filter: invert(1);
}
.modal .modal-content.dark-mode input,
.modal .modal-content.dark-mode select,
.modal .modal-content.dark-mode textarea,
.modal .modal-content.dark-mode input.dark-mode,
.modal .modal-content.dark-mode select.dark-mode,
.modal .modal-content.dark-mode .base_input,
.modal .modal-content.dark-mode .kt-datepicker,
.modal .modal-content.dark-mode .form-control,
.modal .modal-content.dark-mode .modal-body .form-control {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.modal .modal-content.dark-mode input::placeholder,
.modal .modal-content.dark-mode .base_input::placeholder {
    color: #888888 !important;
}
.modal .modal-content.dark-mode select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.modal .modal-content.dark-mode .sidenav-form--input p,
.modal .modal-content.dark-mode .poppins-blue,
.modal .modal-content.dark-mode .modal-header .poppins-blue,
.modal .modal-content.dark-mode .modal-body label,
.modal .modal-content.dark-mode .modal-body p {
    color: #ffffff !important;
}
.modal .modal-content.dark-mode .btn.btn-pill,
.modal .modal-content.dark-mode .filterModal-apply__btn,
.modal .modal-content.dark-mode .filterModal-footer__btn.btn,
.modal .modal-content.dark-mode .modal-footer .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.modal .modal-content.dark-mode .modal-header .flaticon2-delete,
.modal .modal-content.dark-mode .modal-header [data-dismiss="modal"].flaticon2-delete {
    color: #ffffff !important;
    cursor: pointer;
}
.modal .modal-content.dark-mode .action-button.btn-pill.dark-mode-bg-white,
.modal .modal-content.dark-mode .action-button.btn-pill.dark-mode-bg-white.dark-mode-dark-text {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.modal .modal-content.dark-mode .action-button.btn-pill.dark-mode-bg-white:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.modal .modal-content.dark-mode .btn.btn-pill.dark-mode-light-text {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: #424242 !important;
}
.dark-mode-bg {
    background-color: #000 !important;
}
/* Hall of Fame — Top Performers (dark-mode class only defined in Slate Noir) */
.hof-utp-wrap.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.hof-utp-wrap.dark-mode .hof-utp-title,
.hof-utp-wrap.dark-mode .hof-utp-name,
.hof-utp-wrap.dark-mode .hof-utp-row-name {
    color: #ffffff !important;
}
.hof-utp-wrap.dark-mode .hof-utp-sub,
.hof-utp-wrap.dark-mode .hof-utp-list-title,
.hof-utp-wrap.dark-mode .hof-utp-loading,
.hof-utp-wrap.dark-mode .hof-utp-row-points,
.hof-utp-wrap.dark-mode .hof-utp-row-points a {
    color: #bfbfbf !important;
}
.hof-utp-wrap.dark-mode .hof-utp-row-card {
    background: #000000 !important;
    border-color: #424242 !important;
}
.hof-utp-wrap.dark-mode .hof-utp-rank-circle {
    background: #424242 !important;
    color: #ffffff !important;
}
.hof-utp-wrap.dark-mode .hof-utp-dept-pill {
    background: #424242 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
.hof-utp-wrap.dark-mode .hof-utp-badge-pill,
.hof-utp-wrap.dark-mode .hof-utp-badge-pill a {
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.hof-utp-wrap.dark-mode .hof-utp-cta {
    background: #ffffff !important;
    color: #000000 !important;
}
.hof-utp-wrap.dark-mode .hof-utp-cta:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}
.hof-utp-wrap.dark-mode .hof-utp-rank-wrap,
.hof-utp-wrap.dark-mode .hof-utp-row-points {
    border-color: #424242 !important;
}
/* Hall of Fame / Leader Board rows (only when .dark-mode is on the card) */
.hof-row-card.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
/* Kill white table-row chrome under hof cards (chromium .grid-row is white) */
.hall-of-fame-screen .grid-container .grid-row.dark-mode,
.hall-of-fame-screen .grid-container .grid-row.dark-mode td,
.grid-container .grid-row.dark-mode:has(.hof-row-card) {
    background: transparent !important;
    background-color: transparent !important;
    height: auto !important;
    box-shadow: none !important;
    border: none !important;
}
.hof-row-card.dark-mode .hof-name,
.hof-row-card.dark-mode .hof-name.dark-mode-light-text,
.hof-row-card.dark-mode .hof-points,
.hof-row-card.dark-mode .hof-points.dark-mode-light-text,
.hof-row-card.dark-mode .hof-points a {
    color: #ffffff !important;
}
.hof-row-card.dark-mode .hof-rank-wrap,
.hof-row-card.dark-mode .hof-points {
    border-color: #424242 !important;
}
.hof-row-card.dark-mode .hof-rank-circle {
    background: #424242 !important;
    color: #ffffff !important;
}
.hof-row-card.dark-mode .hof-badge-pill,
.hof-row-card.dark-mode .hof-badge-pill a {
    border-color: #bfbfbf !important;
    color: #bfbfbf !important;
}
.hof-row-card.dark-mode .hof-meta-pill {
    background: #424242 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
/* Hall of Fame filter sidenav — dark when .dark-mode present */
.sidenav.dark-mode,
.sidenav.dark-mode .sidenav--body,
.sidenav.dark-mode .sidenav--body .sidenav--body-content,
.sidenav.dark-mode .sidenav--body-content_container.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .sidenav--header.dark-mode,
.sidenav.dark-mode .sidenav--header {
    background: #242424 !important;
    background-color: #242424 !important;
}
.sidenav.dark-mode .sidenav--header p,
.sidenav.dark-mode .sidenav--header .dark-mode-light-text,
.sidenav.dark-mode .sidenav--body-content_container h1,
.sidenav.dark-mode .sidenav--body-content_container .dark-mode-light-text,
.sidenav.dark-mode .sidenav-form--input p,
.sidenav.dark-mode .kt-checkbox.dark-mode-light-text {
    color: #ffffff !important;
}
.sidenav.dark-mode .sidenav--header p img {
    filter: invert(1);
}
.sidenav.dark-mode input.dark-mode,
.sidenav.dark-mode .form-control.dark-mode,
.sidenav.dark-mode input.kt-datepicker.dark-mode,
.sidenav.dark-mode input,
.sidenav.dark-mode select,
.sidenav.dark-mode textarea,
.sidenav.dark-mode .form-control,
.sidenav.dark-mode .base_input,
.sidenav.dark-mode .kt-datepicker,
.sidenav.dark-mode #startdate,
.sidenav.dark-mode #enddate {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode input::placeholder,
.sidenav.dark-mode .base_input::placeholder {
    color: #888888 !important;
}
.sidenav.dark-mode select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .sidenav--body-content_container,
.sidenav.dark-mode .sidenav--body-content_container h1,
.sidenav.dark-mode label,
.sidenav.dark-mode .poppins-black {
    color: #ffffff !important;
}
.sidenav.dark-mode .sidenav--body-content_container {
    background: #242424 !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode button:not(.btn-pill),
.sidenav.dark-mode .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* White checkbox border + tick (override brand blue) */
.sidenav.dark-mode .kt-checkbox > span {
    border-color: #ffffff !important;
    background-color: transparent !important;
}
.sidenav.dark-mode .kt-checkbox > input:checked ~ span,
.sidenav.dark-mode .kt-checkbox.kt-checkbox--brand > input:checked ~ span,
.sidenav.dark-mode .kt-checkbox.kt-checkbox--brand.kt-checkbox--bold > input:checked ~ span {
    border-color: #ffffff !important;
    background-color: transparent !important;
}
.sidenav.dark-mode .kt-checkbox > input:checked ~ span:after,
.sidenav.dark-mode .kt-checkbox.kt-checkbox--brand > input:checked ~ span:after,
.sidenav.dark-mode .kt-checkbox.kt-checkbox--brand.kt-checkbox--bold > input:checked ~ span:after {
    border-color: #ffffff !important;
}
.sidenav.dark-mode .btn.btn-pill,
.sidenav.dark-mode .btn.btn-brand.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Digital Library / Competition Outselling create & move sidenavs */
.sidenav.dark-mode .dropzone,
.sidenav.dark-mode .dropzone-default,
.modal-content.dark-mode .dropzone,
.modal-content.dark-mode .dropzone-default {
    background: #242424 !important;
    border: 1px dashed #424242 !important;
    box-shadow: none !important;
}
/* Dropzone / cover-image previews — no white thumbnail chrome */
.sidenav.dark-mode .dropzone .dz-preview,
.sidenav.dark-mode .dropzone .dz-preview.dz-image-preview,
.sidenav.dark-mode .dropzone .dz-preview .dz-image,
.sidenav.dark-mode .dropzone .dz-preview .dz-details,
.modal-content.dark-mode .dropzone .dz-preview,
.modal-content.dark-mode .dropzone .dz-preview.dz-image-preview,
.modal-content.dark-mode .dropzone .dz-preview .dz-image,
.modal-content.dark-mode .dropzone .dz-preview .dz-details,
.sidenav.dark-mode #image-container,
.modal-content.dark-mode #image-container,
.sidenav.dark-mode .image-upload-container,
.modal-content.dark-mode .image-upload-container {
    background: #242424 !important;
    background-color: #242424 !important;
}
.sidenav.dark-mode .dropzone .dz-preview.dz-file-preview .dz-image,
.modal-content.dark-mode .dropzone .dz-preview.dz-file-preview .dz-image {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
}
.sidenav.dark-mode .dropzone .dz-preview .dz-image img,
.modal-content.dark-mode .dropzone .dz-preview .dz-image img,
.sidenav.dark-mode .picker-image,
.modal-content.dark-mode .picker-image {
    background: #424242 !important;
    border-radius: 8px !important;
}
.sidenav.dark-mode .dropzone .dz-preview .dz-details,
.modal-content.dark-mode .dropzone .dz-preview .dz-details {
    color: #ffffff !important;
}
.sidenav.dark-mode .dropzone .dz-preview .dz-filename span,
.sidenav.dark-mode .dropzone .dz-preview .dz-size span,
.sidenav.dark-mode .dropzone .dz-preview .dz-remove,
.modal-content.dark-mode .dropzone .dz-preview .dz-filename span,
.modal-content.dark-mode .dropzone .dz-preview .dz-size span,
.modal-content.dark-mode .dropzone .dz-preview .dz-remove,
.sidenav.dark-mode #image-container a,
.modal-content.dark-mode #image-container a {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.sidenav.dark-mode .dropzone-msg-title,
.sidenav.dark-mode .dropzone .fa-upload,
.sidenav.dark-mode .upload-container h1,
.sidenav.dark-mode .upload-container ul,
.sidenav.dark-mode .upload-container ul li,
.sidenav.dark-mode .sidenav--body-content_container ul,
.sidenav.dark-mode .sidenav--body-content_container ul li,
.modal-content.dark-mode .dropzone-msg-title,
.modal-content.dark-mode .dropzone .fa-upload,
.modal-content.dark-mode .image-upload-container h4,
.modal-content.dark-mode .image-upload-container p {
    color: #ffffff !important;
}
/* Digital Library delete PDL content modal */
#deleteContentModal .modal-content.dark-mode {
    background-color: #242424 !important;
    border-color: #424242 !important;
}
#deleteContentModal .modal-content.dark-mode .modal-header,
#deleteContentModal .modal-content.dark-mode .modal-footer,
#deleteContentModal .modal-content.dark-mode .dark-mode-light-text,
#deleteContentModal .modal-content.dark-mode .poppins {
    color: #ffffff !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
#deleteContentModal .modal-content.dark-mode .btn.btn-secondary.btn-pill,
#deleteContentModal .modal-content.dark-mode .btn.btn-pill:not(.btn-danger) {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 20px !important;
}
#deleteContentModal .modal-content.dark-mode .btn.btn-danger.btn-pill {
    border-radius: 20px !important;
}
#deleteContentModal .modal-content.dark-mode .btn.btn-secondary.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Info (?) help icons — black glyph on white circle (all Slate Noir modules) */
.info-tooltip,
span.info-tooltip,
.sidenav .info-tooltip,
.sidenav.dark-mode .info-tooltip,
.modal-content.dark-mode .info-tooltip,
.modal-content.dark-mode .info-tooltip i,
.create-box .info-tooltip,
.banners-form .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
/* Tag icons reuse .info-tooltip — keep light glyph, no white pill */
.flaticon2-tag.info-tooltip,
i.flaticon2-tag.info-tooltip.i_icons {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
.sidenav.dark-mode h3,
.sidenav.dark-mode h4,
.sidenav.dark-mode .moveToCategoryName__heading {
    color: #ffffff !important;
}
.sidenav.dark-mode .kt-font-danger {
    color: #f37676 !important;
}
.sidenav.dark-mode .rootActive-library,
.sidenav.dark-mode .rootActive-library__icon,
.sidenav.dark-mode .jstree-default .jstree-anchor,
.sidenav.dark-mode .jstree-default .jstree-icon {
    color: #ffffff !important;
}
.sidenav.dark-mode .rootActive,
.sidenav.dark-mode .jstree-default .jstree-clicked {
    background: #000000 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
/* Move-content category tree — dark portlet (not white) */
.sidenav.dark-mode .kt-portlet,
.sidenav.dark-mode .kt-portlet .kt-portlet__head,
.sidenav.dark-mode .kt-portlet .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .kt-portlet .kt-portlet__head-title,
.sidenav.dark-mode .kt-portlet .kt-portlet__body,
.sidenav.dark-mode #rootAside,
.sidenav.dark-mode #rootAside i,
.sidenav.dark-mode #kt_tree_move_content,
.sidenav.dark-mode #kt_tree_move_content .jstree-anchor,
.sidenav.dark-mode #kt_tree_move_content .jstree-icon {
    color: #ffffff !important;
}
.sidenav.dark-mode #kt_tree_move_content .jstree-hovered {
    background: #333333 !important;
    box-shadow: none !important;
}
.sidenav.dark-mode #kt_tree_move_content .jstree-clicked {
    background: #000000 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .kt-switch input:empty ~ span:before,
.sidenav.dark-mode .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.sidenav.dark-mode .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.sidenav.dark-mode .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.sidenav.dark-mode .kt-switch input:checked ~ span {
    background-color: #ffffff !important;
}
#viewModal .modal-content.dark-mode .btn.btn-elevate,
#viewModal .btn.btn-brand.btn-elevate {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
/* Leaderboard scope select (All dropdown) */
#hof-leaderboard-scope.dark-mode {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#hof-leaderboard-scope.dark-mode option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.hall-of-fame-screen .action-container.dark-mode,
.hall-of-fame-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
/* Hall of Fame — badges / points headers & cards */
.alert.alert-info.dark-mode {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.alert.alert-info.dark-mode .alert-text,
.alert.alert-info.dark-mode .alert-text-ow {
    color: #ffffff !important;
}
.kt-portlet.kt-iconbox.dark-mode {
    background-color: #242424 !important;
    background: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.kt-portlet.kt-iconbox.dark-mode .kt-portlet__body,
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__body {
    background-color: transparent !important;
}
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__title,
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__title a:not(.btn),
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__content,
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__contentl,
.kt-portlet.kt-iconbox.dark-mode .kt-iconbox__desc,
.kt-portlet.kt-iconbox.dark-mode .kt-training-count,
.kt-portlet.kt-iconbox.dark-mode .analytic-card-text-color,
.kt-portlet.kt-iconbox.dark-mode .kt-link:not(.btn),
.kt-portlet.kt-iconbox.dark-mode a:not(.btn) {
    color: #ffffff !important;
}
/* Info / View pills: black text on white, #bfbfbf hover */
.kt-portlet.kt-iconbox.dark-mode .btn.btn-pill,
.kt-portlet.kt-iconbox.dark-mode a.btn.btn-pill,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-secondary.btn-pill,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-brand.btn-pill,
.kt-portlet.kt-iconbox.dark-mode a.btn.btn-brand.btn-pill.category-view-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.kt-portlet.kt-iconbox.dark-mode .btn.btn-pill i,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-secondary.btn-pill i,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-brand.btn-pill i {
    color: #000000 !important;
}
.kt-portlet.kt-iconbox.dark-mode .btn.btn-pill:hover,
.kt-portlet.kt-iconbox.dark-mode a.btn.btn-pill:hover,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-secondary.btn-pill:hover,
.kt-portlet.kt-iconbox.dark-mode .btn.btn-brand.btn-pill:hover,
.kt-portlet.kt-iconbox.dark-mode a.btn.btn-brand.btn-pill.category-view-btn:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.kt-portlet.kt-iconbox.dark-mode .btn.btn-pill:hover i {
    color: #000000 !important;
}
/* Assessment play error — injected h5 / links / browser table */
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error .kt-iconbox__content h5,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error .kt-iconbox__content b,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error .kt-iconbox__content a,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error .kt-iconbox__content a h5,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table th,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table td {
    color: #ffffff !important;
}
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error.kt-iconbox--warning .kt-iconbox__body .kt-iconbox__icon svg g [fill] {
    fill: #ffb822 !important;
}
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table {
    border-color: #424242 !important;
}
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table thead,
.kt-portlet.kt-iconbox.dark-mode.assessment-play-error table tbody tr {
    background-color: transparent !important;
    border-color: #424242 !important;
}
/* Mobile V2 — nomination / TVS Library card */
.dashboard-card--content_blue.dark-mode {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.dashboard-card--content_blue.dark-mode p,
.dashboard-card--content_blue.dark-mode span {
    color: #ffffff !important;
}
.dashboard-card--content_blue.dark-mode .pending_certificates,
.dashboard-card--content_blue.dark-mode span.pending_certificates {
    color: #000000 !important;
    background-color: #ffffff !important;
}
.mbl-dashboard-card .dashboard-card--header p {
    color: #ffffff !important;
}
.mbl-dashboard-card .dashboard-card--header a {
    color: #bfbfbf !important;
}
/* Mobile header — theme-components sets .mbl-topbar to var(--color)=#fff */
.mbl-topbar.dark-mode {
    background-color: #242424 !important;
    border: none !important;
}
/* Spacer under topbar — blade/webview CSS hardcodes background-color: white */
.mbl-topbar--space,
.mbl-topbar.dark-mode .mbl-topbar--space,
#kt_topbar_mobile .mbl-topbar--space {
    background-color: #000000 !important;
    background: #000000 !important;
}
.mbl-topbar.dark-mode .mbl-topbar--user-welcome,
.mbl-topbar.dark-mode .mbl-topbar--user-welcome p,
.mbl-topbar.dark-mode .mbl-topbar--user-welcome span,
.mbl-topbar.dark-mode .mbl-topbar--current-page,
.mbl-topbar.dark-mode .mbl-topbar--current-page p,
.mbl-topbar.dark-mode .mbl-topbar--current-page .before-scroll,
.mbl-topbar.dark-mode .mbl-topbar--current-page .after-scroll,
.mbl-topbar.dark-mode .mbl-topbar--actions {
    color: #ffffff !important;
}
.mbl-topbar.dark-mode #mbl-topbar--back {
    color: #000000 !important;
    background: #ffffff !important;
}
/* Notification bell — force light icon on dark topbar (mobile + web) */
.mbl-topbar.dark-mode .mbl-topbar--notifications .notification-icon,
.mbl-topbar.dark-mode .mbl-topbar--notifications a {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}
.mbl-topbar.dark-mode .mbl-topbar--notifications span:not(.kt-pulse__ring):not(#seeNotificationMobile) {
    background-color: #ffffff !important;
    color: #000000 !important;
}
/* Notification count badge — keep red/white (blade default); don't invert with dark-mode spans */
#seeNotificationMobile,
.mbl-topbar.dark-mode #seeNotificationMobile,
.mbl-topbar.dark-mode .mbl-topbar--notifications #seeNotificationMobile {
    background: red !important;
    background-color: red !important;
    color: white !important;
}
.kt-header .kt-header__topbar .flaticon2-bell-alarm-symbol,
.kt-header__topbar .flaticon2-bell-alarm-symbol,
.kt-header__topbar a[href="/notification"],
.kt-header__topbar a[href="/notification"] i {
    color: #ffffff !important;
}
.hof-table-card.dark-mode {
    background: #242424 !important;
    border-color: #424242 !important;
}
.hof-table-card.dark-mode .hof-points-table thead th {
    background: #000000 !important;
    color: #ffffff !important;
    border-bottom-color: #424242 !important;
}
.hof-table-card.dark-mode .hof-points-table tbody td {
    border-top-color: #424242 !important;
    color: #bfbfbf !important;
}
.hof-table-card.dark-mode .hof-points-table tbody tr:hover {
    background: #000000 !important;
}
.hof-table-card.dark-mode .hof-skill-title,
.hof-table-card.dark-mode .hof-created {
    color: #ffffff !important;
}
.hof-table-card.dark-mode .hof-skill-desc,
.hof-table-card.dark-mode .text-muted,
.hof-table-card.dark-mode .hof-serial {
    color: #bfbfbf !important;
}
.hof-table-card.dark-mode .hof-points-value {
    color: #ffffff !important;
}
/* Dashboard — My Assigned Learnings cards */
.assigned-learning-card.dark-mode {
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.assigned-learning-card.dark-mode .learning-name,
.assigned-learning-card.dark-mode .assigned-learning-meta,
.assigned-learning-card.dark-mode .assigned-learning-meta div {
    color: #ffffff !important;
}
.assigned-learning-card.dark-mode .assigned-learning-play-btn {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
.assigned-learning-card.dark-mode .assigned-learning-play-btn:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}
/* LP / survey timeline cards — avoid light unlocked bg + white-on-white Start */
.mbl_card_list_item.dark-mode,
.mbl_card_list_item.dark-mode.unlocked,
.mbl_card_list_item.dark-mode.completed,
.mbl_card_list_item.dark-mode.in-progress,
.mbl_card_list_item.dark-mode.evaluation-pending,
.mbl_card_list_item.dark-mode.failed {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #bfbfbf !important;
}
.mbl_card_list_item.dark-mode .card-title,
.mbl_card_list_item.dark-mode .timeline p,
.mbl_card_list_item.dark-mode .timeline .timeline-item,
.mbl_card_list_item.dark-mode .info-item,
.mbl_card_list_item.dark-mode .info-item b,
.mbl_card_list_item.dark-mode .info-item span,
.mbl_card_list_item.dark-mode .status-element:not(.status-failed):not(.status-inprogress):not(.status-completed),
.mbl_card_list_item.dark-mode .dependent-on-text,
.mbl_card_list_item.dark-mode .mbl_card_list_item__content h1,
.mbl_card_list_item.dark-mode .mbl_card_list_item__timeline,
.mbl_card_list_item.dark-mode .mbl_card_list_item__timeline span {
    color: #ffffff !important;
}
/* Keep status colors same as other themes (lpGridStyle) */
.mbl_card_list_item.dark-mode .status-element.status-failed,
.mbl_card_list_item.dark-mode .status-failed {
    color: #fd397a !important;
}
.mbl_card_list_item.dark-mode .status-element.status-inprogress,
.mbl_card_list_item.dark-mode .status-inprogress {
    color: orange !important;
}
.mbl_card_list_item.dark-mode .status-element.status-completed,
.mbl_card_list_item.dark-mode .status-completed {
    color: #1dc9b7 !important;
}
.mbl_card_list_item.dark-mode .training-icon svg {
    color: #ffffff !important;
}
.mbl_card_list_item.dark-mode .action-button {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
.mbl_card_list_item.dark-mode .action-button:hover {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.mbl_card_list_item.dark-mode .info-item {
    background: #424242 !important;
}
/* Survey cards — icon + completion status on black */
.mbl_card_list_item.dark-mode .training-icon,
.mbl_card_list_item.dark-mode .training-icon--assesment_big,
.mbl_card_list_item.dark-mode .training-icon--assesment_big.training-icon {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #424242 !important;
}
.mbl_card_list_item.dark-mode .bullets,
.mbl_card_list_item.dark-mode .bullets.status_bullet,
.mbl_card_list_item.dark-mode .status_bullet,
.mbl_card_list_item.dark-mode .not-started__btn,
.mbl_card_list_item.dark-mode .bullets.not-started__btn,
.mbl_card_list_item.dark-mode .bullets.dark-mode-text-color {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
/* Welcome banner / As Admin|Employee tabs — theme-components uses var(--white-color) as border */
.nav-tabs.nav-tabs-line {
    border-bottom-color: transparent !important;
}
.alert.alert-light.dark-mode {
    border-color: #424242 !important;
}
.alert.dark-mode.bs-light,
.dark-mode.bs-light {
    box-shadow: none !important;
}
/* Learning Analytics cards — beat theme-components .metric-section var(--white-color) */
.metric-section.dark-mode,
.metric-section.br-curve.bs-light.dark-mode,
.analytics-card.dark-mode,
.analytics-card.br-curve.bs-light.dark-mode,
.compact-card.dark-mode,
.compact-card.br-curve.bs-light.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
/* Admin Analytics section — remove light panel (#fcfcfc) on Slate Noir */
section[ng-controller="AdminAnalyticsController as main"].learning-analytics-screen,
.learning-analytics-screen[ng-controller="AdminAnalyticsController as main"] {
    background: transparent !important;
    background-color: transparent !important;
}
.learning-analytics-screen .active-users-count,
.learning-analytics-screen .active-users-count.dark-mode-light-text,
.metric-section.dark-mode .active-users-count,
.metric-section.dark-mode .metric-row-title,
.metric-section.dark-mode .metric-row-value,
.analytics-card.dark-mode .metric-row-title,
.analytics-card.dark-mode .metric-row-value,
.metric-section.dark-mode .top-learner-stats,
.metric-section.dark-mode .progress-text {
    color: #ffffff !important;
}
.metric-section.dark-mode .top-learner-name {
    color: #ffffff !important;
}
.metric-section.dark-mode .active-users-line {
    stroke: #ffffff !important;
}
.metric-section.dark-mode .active-users-area {
    fill: #ffffff !important;
}
.metric-section.dark-mode .donut-ring,
.analytics-card.dark-mode .donut-ring {
    stroke: rgba(255, 255, 255, 0.2) !important;
}
.metric-section.dark-mode .donut-value,
.metric-section.dark-mode .donut-value-completed {
    fill: #ffffff !important;
    stroke: rgba(0, 0, 0, 0.35) !important;
}
.metric-section.dark-mode .metric-row,
.analytics-card.dark-mode .metric-row {
    border-bottom-color: #424242 !important;
}
.metric-section.dark-mode h3,
.metric-section.dark-mode .analytics-card-title h3,
.analytics-card.dark-mode h3,
.analytics-card.dark-mode h4,
.compact-card.dark-mode h3,
.compact-card.dark-mode h4,
.metric-section.dark-mode .metric-large-number,
.metric-section.dark-mode .metric-large-number.dark-mode-light-text,
.analytics-card.dark-mode .dark-mode-light-text,
.metric-section.dark-mode .progress-text,
.metric-section.dark-mode .donut-value {
    color: #ffffff !important;
}
.metric-section.dark-mode .card-subheading,
.metric-section.dark-mode .analytics-small-text,
.analytics-card.dark-mode .analytics-small-text,
.compact-card.dark-mode .analytics-small-text {
    color: #bfbfbf !important;
}
.metric-section.dark-mode .analytics-card-icon,
.analytics-card.dark-mode .analytics-card-icon,
.compact-card.dark-mode .compact-card-icon {
    background: #424242 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.metric-section.dark-mode .analytics-card-icon i,
.analytics-card.dark-mode .analytics-card-icon i,
.compact-card.dark-mode .compact-card-icon i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
/* Latest Performance — black attempt/status text → white on dark cards */
.metric-section.dark-mode .performance-attempts,
.metric-section.dark-mode .encouraging-message,
.metric-section.dark-mode .status-not-started,
.analytics-card.dark-mode .performance-attempts,
.analytics-card.dark-mode .encouraging-message,
.analytics-card.dark-mode .status-not-started {
    color: #ffffff !important;
}
.metric-section.dark-mode .encouraging-message,
.analytics-card.dark-mode .encouraging-message {
    background: rgba(251, 191, 36, 0.15) !important;
    border-color: rgba(251, 191, 36, 0.35) !important;
}
/* Dashboard flip cards — shade image panel + readable text (match themed outline on orange themes) */
.dashboard-v2 .action-cards,
.dashboard-v2 .action-cards.dark-mode,
.dashboard-v2 .action-cards.br-curve.bs-light,
.dashboard-v2 .action-cards.br-curve.bs-light.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.dashboard-v2 .action-cards .card-images {
    background: #424242 !important;
    background-color: #424242 !important;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
.dashboard-v2 .action-cards img.card-images {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.dashboard-v2 .action-cards .card-details h2,
.dashboard-v2 .action-cards .card-details .font-size-1_5 {
    color: #ffffff !important;
}
.dashboard-v2 .action-cards .card-details p {
    color: #bfbfbf !important;
}
/* Dashboard Leaderboard — names/points on light list cards (#242424) */
.dashboard-v2 .analytic-card-color .lightMesa,
.analytic-card-color .lightMesa,
section[ng-controller="LeaderboardController as main"] .analytic-card-color .lightMesa {
    color: #242424 !important;
}
/* Hall of Fame promo — description white on dark overlay */
.dashboard-v2 div:has(button[onclick*="hallOfFame"]) > p.mb-3,
section[ng-controller="LeaderboardController as main"] div:has(button[onclick*="hallOfFame"]) > p.mb-3 {
    color: #ffffff !important;
}
/* Light SVG backdrop shapes → shade panel (avoids white/gray halos on dark cards) */
.dashboard-v2 .action-cards svg path[fill="#F5F5F5"],
.dashboard-v2 .action-cards svg path[fill="#f5f5f5"],
.dashboard-v2 .action-cards svg path[fill="#F0F0F0"],
.dashboard-v2 .action-cards svg path[fill="#f0f0f0"],
.dashboard-v2 .action-cards svg path[fill="#FAFAFA"],
.dashboard-v2 .action-cards svg path[fill="#fafafa"],
.dashboard-v2 .action-cards svg path[fill="#EBEBEB"],
.dashboard-v2 .action-cards svg path[fill="#ebebeb"],
.dashboard-v2 .action-cards svg path[fill="#E0E0E0"],
.dashboard-v2 .action-cards svg path[fill="#e0e0e0"],
.dashboard-v2 .action-cards svg path[fill="#E6E6E6"],
.dashboard-v2 .action-cards svg path[fill="#e6e6e6"] {
    fill: #424242 !important;
}
.dashboard-v2 .action-cards svg path[fill="white"],
.dashboard-v2 .action-cards svg path[fill="#FFFFFF"],
.dashboard-v2 .action-cards svg path[fill="#ffffff"] {
    fill: #555555 !important;
}
.dashboard-v2 .action-cards .hidden-details .colorText,
.dashboard-v2 .action-cards .hidden-details .btn-brand.colorText {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.dashboard-v2 .action-cards .hidden-details .colorText:hover,
.dashboard-v2 .action-cards .hidden-details .btn-brand.colorText:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
/* Portlet heads (Learning Analytics title row) — Metronic #ebedf2 looks white on dark */
.kt-portlet .kt-portlet__head {
    border-bottom: none !important;
}
.analytics-small-text {
    color: #bfbfbf !important;
}
.dark-mode-light-text {
    color: var(--color) !important;
}
/* Category View label — beat .sidenav-form--input p grey on page header */
.sidenav-form--input p.dark-mode-light-text {
    color: #ffffff !important;
}
/* Page-level kt-switch with input.dark-mode (Category View, etc.) */
.kt-switch input.dark-mode:empty ~ span:before,
.kt-switch input.dark-mode:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
.kt-switch input.dark-mode:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.kt-switch input.dark-mode:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.kt-switch input.dark-mode:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.dark-mode-text-color{
    color: #000 !important;
}
/* Applied filter pills: translucent teal + kt-font-dark vanish on black; white pill + black text (Slate Noir only) */
.kt-badge.kt-badge--unified-success.filter-padding.dark-mode-text-color {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: none !important;
}
.kt-badge.kt-badge--unified-success.filter-padding.dark-mode-text-color .la,
.kt-badge.kt-badge--unified-success.filter-padding .dark-mode-text-color {
    color: #000000 !important;
}
.kt-badge.kt-badge--success {
    background-color:  #1dc9b7 !important;
}
/* AmCharts labels/axes ignore CSS `color`; Slate Noir only */
.dark-mode-text .amcharts-chart-div text,
.dark-mode-text .amcharts-axis-label text,
.dark-mode-text .amcharts-legend-label,
.dark-mode-text .amcharts-title,
.dark-mode-text .amcharts-label {
    fill: var(--chart-label-color) !important;
    color: var(--chart-label-color) !important;
}
.dark-mode-text .amcharts-axis-title {
    fill: var(--chart-label-color) !important;
}
.dark-mode-text .amcharts-pie-tick {
    stroke: var(--color) !important;
}
/* Digital Library — dark cards, readable tree text (Slate Noir only) */
.kt-portlet.kt-portlet-border,
.kt-portlet.widget5_div,
.widget5_div.kt-portlet {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #bfbfbf !important;
}
.kt-portlet.kt-portlet-border .kt-portlet__head-title,
.kt-portlet.widget5_div .kt-portlet__head-title,
.kt-portlet.kt-portlet-border .kt-portlet__body,
.kt-portlet.widget5_div .kt-portlet__body {
    color: #bfbfbf !important;
}
.widget5_div .title_text,
.lib-cell .title_text {
    color: #ffffff !important;
}
.widget5_div .text-muted,
.lib-cell .text-muted {
    color: #888888 !important;
}
/* PDL / Competition Outselling — "..." dots black on white circle */
.digital-library-screen .btn.btn-circle,
.digital-library-screen .btn.btn-circle.btn-brand,
.digital-library-screen .btn.btn-circle.btn-secondary,
.widget5_div .btn.btn-circle,
.kt-portlet.widget5_div .btn.btn-circle,
.kt-portlet.kt-portlet-border .btn.btn-circle {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
/* Tree View kt-switch — no .dark-mode on input; force Slate Noir track/knob */
.digital-library-screen .kt-switch input:empty ~ span:before,
.digital-library-screen .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
.digital-library-screen .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.digital-library-screen .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.digital-library-screen .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.digital-library-screen .kt-switch input:checked ~ span {
    background-color: #ffffff !important;
}
.digital-library-screen .btn.btn-circle .flaticon-more-1,
.digital-library-screen .btn.btn-circle .flaticon-more-1:before,
.digital-library-screen .btn.btn-circle i,
.widget5_div .btn.btn-circle .flaticon-more-1,
.widget5_div .btn.btn-circle .flaticon-more-1:before,
.widget5_div .btn.btn-circle i,
.kt-portlet.widget5_div .btn.btn-circle .flaticon-more-1,
.kt-portlet.widget5_div .btn.btn-circle .flaticon-more-1:before,
.kt-portlet.kt-portlet-border .btn.btn-circle .flaticon-more-1,
.kt-portlet.kt-portlet-border .btn.btn-circle .flaticon-more-1:before,
.kt-portlet.kt-portlet-border .btn.btn-circle i {
    color: #000000 !important;
}
/* Digital Library card view — dark cards; beat inline cardCategory styles */
.digital-library-screen .card-container,
.digital-library-screen .dl-card-view .card-container,
.digital-library-screen .card-container.pdl-content-card,
.digital-library-screen .dl-card-view .card-container.pdl-content-card {
    background: #242424 !important;
    background-color: #242424 !important;
    box-shadow: none !important;
    border: 1px solid #424242 !important;
    color: #bfbfbf !important;
}
.digital-library-screen .courses-title,
.digital-library-screen .kt-portlet__head-title,
.digital-library-screen .poppins-blue,
.digital-library-screen .breadcrumb-link,
.digital-library-screen .ct-modal-body span,
.digital-library-screen .dl-card-view h3,
.digital-library-screen .dl-card-view h4 {
    color: #ffffff !important;
}
.digital-library-screen .descriptionCol,
.digital-library-screen .descriptionCol a,
.digital-library-screen .descriptionCol p,
.digital-library-screen .kt-iconbox__content,
.digital-library-screen .kt-link.text-control {
    color: #bfbfbf !important;
}
.digital-library-screen .view-eye,
.digital-library-screen .view-eye i,
.digital-library-screen .view-eye .kt-font-brand {
    color: #ffffff !important;
}
.digital-library-screen .pdl-frame-icon,
.digital-library-screen .card-image.pdl-frame-icon {
    background-color: #424242 !important;
    border-color: #666666 !important;
}
.digital-library-screen .pdl-frame-icon path,
.digital-library-screen .card-image.pdl-frame-icon path,
.digital-library-screen svg.pdl-frame-icon path,
.digital-library-screen .picture svg path,
.digital-library-screen .picture svg {
    fill: #ffffff !important;
}
/*
 * PDL info icon — match web .btn.btn-circle (white pill + black "i").
 * Markup uses fa-info-circle; replace the glyph with a letter "i" so the
 * cutout solid FA circle does not invert (black disk / white i).
 */
.digital-library-screen a.pdl-info-link,
.digital-library-screen .pdl-info-link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #000000 !important;
    line-height: 1 !important;
}
.digital-library-screen .pdl-info-link i,
.digital-library-screen .pdl-info-link .kt-font-brand,
.digital-library-screen .pdl-info-link.text-muted {
    color: #000000 !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.digital-library-screen .pdl-info-link i::before,
.digital-library-screen .pdl-info-link .kt-font-brand::before {
    content: "i" !important;
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #000000 !important;
    line-height: 1 !important;
}
/* PDL info modal — match card view (dark panel, light icon/meta) */
#pdlInfoModal .modal-content.dark-mode,
#pdlInfoModal .pdl-info-modal__content.dark-mode {
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
#pdlInfoModal .pdl-info-modal__media {
    background-color: #424242 !important;
    border-color: #666666 !important;
}
#pdlInfoModal .pdl-info-modal__media svg path,
#pdlInfoModal .pdl-frame-icon path {
    fill: #ffffff !important;
}
#pdlInfoModal .pdl-info-modal__meta,
#pdlInfoModal .pdl-info-modal__label {
    color: #bfbfbf !important;
}
#pdlInfoModal .kt-portlet-head__title {
    color: #ffffff !important;
}
#pdlInfoModal .modal-content.dark-mode .btn.btn-pill,
#pdlInfoModal .modal-content.dark-mode .btn.btn-secondary.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
#descriptionModal .modal-content.dark-mode .ct-modal-body,
#descriptionModal .modal-content.dark-mode .poppins-black {
    color: #ffffff !important;
}
.digital-library-screen .search-container input,
.digital-library-screen .mobileSearch-learnpath input,
.digital-library-screen #report_search {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.digital-library-screen .search-container input::placeholder,
.digital-library-screen #report_search::placeholder {
    color: #bfbfbf !important;
}
.digital-library-screen .search-container .flaticon-search,
.digital-library-screen .mobileSearch .flaticon-search {
    color: #bfbfbf !important;
}
.rootActive-library,
.rootActive-library__icon {
    color: #bfbfbf !important;
}
.rootActive {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}
.jstree-default .jstree-anchor {
    color: #bfbfbf !important;
}
.jstree-default .jstree-icon,
.jstree-themeicon-custom,
.jstree-default .jstree-icon.fa,
.jstree-default .jstree-icon.la {
    color: #bfbfbf !important;
}
.jstree-default .jstree-hovered {
    background: #333333 !important;
    box-shadow: none !important;
}
.jstree-default .jstree-clicked {
    background-color: var(--tree-items-bg) !important;
    color: var(--tree-items-text-color) !important;
}
.action-container .sidenav-form--input p {
    color: #bfbfbf !important;
}
.icon-link {
    background: #333333 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
/* Digital Library card "View >" — white text/chevron, no pill */
.digital-library-screen .btns-block .icon-link,
.digital-library-screen .btns-block .view-eye {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.digital-library-screen .btns-block .icon-link i,
.digital-library-screen .btns-block .icon-link span,
.digital-library-screen .btns-block .view-eye i {
    color: #ffffff !important;
}
/* Footer — Metronic defaults to white bar */
.kt-footer,
#kt_footer {
    background-color: #000000 !important;
    border-top: 1px solid #424242 !important;
    color: #bfbfbf !important;
}
.kt-footer__copyright,
.kt-footer .kt-link {
    color: #bfbfbf !important;
}
.empty-title p,
.empty-message p {
    color: #bfbfbf !important;
}
/* Grid empty states — poppins-mt/dt & grid__p* are black/dark in module CSS */
.grid-empty .poppins-blue,
.grid-empty .poppins-sb--24.poppins-blue,
.empty-grid__heading,
.uhhuh-para,
.gridData-row1,
.grid__p1,
.gridItems__grid-p1 {
    color: #ffffff !important;
}
.grid-empty .poppins-mt,
.grid-empty .poppins-dt,
.grid-empty .poppins-black,
.grid-empty .poppins-md--16,
.grid-empty p:not(.poppins-blue),
.grid__p2,
.gridItems__grid-p2 {
    color: #bfbfbf !important;
}
.pdl-frame-icon path {
    fill: #ffffff !important;
}
/*
 * Global PDL info link (right panel / skill library without .digital-library-screen).
 * Same white pill + black "i" pairing as web .btn.btn-circle.
 */
a.pdl-info-link,
.pdl-info-link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #000000 !important;
    line-height: 1 !important;
}
.pdl-info-link .kt-font-brand,
.pdl-info-link i,
.pdl-info-link.text-muted {
    color: #000000 !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.pdl-info-link i::before,
.pdl-info-link .kt-font-brand::before {
    content: "i" !important;
    font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #000000 !important;
    line-height: 1 !important;
}
.empty-illustration {
    max-width: 300px;
    height: auto;
}
/* Pagination: theme hover uses var(--color)=#fff + color:#fff → invisible on dark bg */
sb-paginator .dataTables_paginate .paginate_button,
sb-be-paginator .dataTables_paginate .paginate_button {
    color: #bfbfbf !important;
}
sb-paginator .dataTables_paginate .paginate_button i,
sb-be-paginator .dataTables_paginate .paginate_button i,
sb-paginator .dataTables_paginate i,
sb-be-paginator .dataTables_paginate i {
    color: #bfbfbf !important;
}
sb-paginator .dataTables_paginate .paginate_button:hover,
sb-be-paginator .dataTables_paginate .paginate_button:hover {
    background-color: #bfbfbf !important;
    color: #ffffff !important;
}
sb-paginator .dataTables_paginate .paginate_button:hover i,
sb-be-paginator .dataTables_paginate .paginate_button:hover i {
    color: #ffffff !important;
}
sb-paginator .dataTables_paginate .current,
sb-be-paginator .dataTables_paginate .current {
    background: #ffffff !important;
    color: #000 !important;
}
sb-paginator .dataTables_paginate .current:hover,
sb-be-paginator .dataTables_paginate .current:hover {
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
sb-paginator .dataTables_paginate .paginate_button.disabled:hover,
sb-be-paginator .dataTables_paginate .paginate_button.disabled:hover {
    background-color: transparent !important;
    color: #666666 !important;
}
sb-paginator .dataTables_paginate .paginate_button.disabled:hover i,
sb-be-paginator .dataTables_paginate .paginate_button.disabled:hover i {
    color: #666666 !important;
}

/* ── Learning Path cards (nomination + assigned) — Figma Slate Noir ── */
.card.card-lp,
.card.card-lp-user,
.card-lp,
.card-lp-user {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #bfbfbf !important;
}
.card-lp .card-header-lp,
.card-lp-user .card-header-lp,
.card-lp .lp-card-content .card-header-lp,
.card-lp-user .lp-card-content .card-header-lp,
.card-lp .card-header-lp.dark-mode-row-text,
.card-lp-user .card-header-lp.dark-mode-row-text {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
}
.card-lp .card-footer-lp,
.card-lp-user .card-footer-lp {
    background: transparent !important;
    border: none !important;
}
.card-lp .lp-card-content,
.card-lp-user .lp-card-content,
.card-lp .lp-card-content div,
.card-lp-user .lp-card-content div,
.card-lp .description-text,
.card-lp-user .description-text {
    color: #bfbfbf !important;
}
.card-lp .lp-card-content strong,
.card-lp-user .lp-card-content strong,
.card-lp .lp-assigned-progress__label,
.card-lp-user .lp-assigned-progress__label,
.card-lp .lp-assigned-progress__percentage,
.card-lp-user .lp-assigned-progress__percentage {
    color: #ffffff !important;
}
.card-lp .line-progress-bar,
.card-lp-user .line-progress-bar {
    background-color: #424242 !important;
}
.card-lp .remove-icon,
.card-lp-user .remove-icon {
    background-color: #424242 !important;
    color: #ffffff !important;
}
.card-lp .remove-icon i,
.card-lp-user .remove-icon i {
    color: #ffffff !important;
}

/* Info: outlined secondary action (anchor) */
.card-lp a.btn.btn-secondary.btn-pill,
.card-lp-user a.btn.btn-secondary.btn-pill {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.card-lp a.btn.btn-secondary.btn-pill:hover,
.card-lp-user a.btn.btn-secondary.btn-pill:hover {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Enroll: solid white CTA (button.btn) */
.card-lp button.btn.btn-secondary.btn-pill,
.card-lp-user button.btn.btn-secondary.btn-pill {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}
.card-lp button.btn.btn-secondary.btn-pill:hover,
.card-lp-user button.btn.btn-secondary.btn-pill:hover {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Start / Resume / Retake */
.card-lp .lp-card-button,
.card-lp-user .lp-card-button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 0.85rem !important;
    color: #000000 !important;
    padding: 2px 12px !important;
    font-size: 0.875rem !important;
    box-shadow: none !important;
}
.card-lp .lp-card-button:hover:not(:disabled),
.card-lp-user .lp-card-button:hover:not(:disabled) {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.card-lp .lp-card-button:disabled,
.card-lp-user .lp-card-button:disabled,
.card-lp .lp-card-button[disabled],
.card-lp-user .lp-card-button[disabled] {
    background-color: #424242 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* Certificate — black chip (inline uses var(--color)/--white-color → light gray) */
.card-lp .certi-download-btn,
.card-lp-user .certi-download-btn {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
}
.card-lp .certi-download-btn.dark-mode-dark-text,
.card-lp-user .certi-download-btn.dark-mode-dark-text,
.card-lp .certi-download-btn i,
.card-lp-user .certi-download-btn i {
    color: #ffffff !important;
}

/* Nomination tabs: active white pill + black text (was white-on-white) */
.chromium_container--header .nav.nav-tabs .nav-link {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    border-radius: 0.85rem !important;
    margin-right: 0.5rem;
}
.chromium_container--header .nav.nav-tabs .nav-link:hover {
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.chromium_container--header .nav.nav-tabs .nav-link.active,
.chromium_container--header .nav.nav-tabs .nav-link.active:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #000000 !important;
}
/* Celebration popup — .box-bg is white; dark-mode only applies in Slate Noir */
#celebration .box-bg.dark-mode,
#celebration .gamification-card__bg.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
#celebration .box-bg.dark-mode .kt-font-dark,
#celebration .box-bg.dark-mode .kt-font-brand,
#celebration .box-bg.dark-mode .kt-font-success,
#celebration .box-bg.dark-mode .kt-font-danger,
#celebration .box-bg.dark-mode h3,
#celebration .box-bg.dark-mode h5,
#celebration .box-bg.dark-mode p,
#celebration .box-bg.dark-mode div {
    color: #ffffff !important;
}
/* Coin GIF — keep full color on dark celebration card (multiply crushed it) */
#celebration .box-bg.dark-mode img.mix-blend-mode,
#celebration .box-bg.dark-mode img.cointoss {
    mix-blend-mode: normal !important;
    opacity: 1 !important;
    filter: none !important;
}
/* Mobile celebration only (gamification-min-width-0) — #bfbfbf panel + dark text */
#celebration .box-bg.gamification-min-width-0.dark-mode {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #424242 !important;
}
#celebration .box-bg.gamification-min-width-0.dark-mode .kt-font-dark,
#celebration .box-bg.gamification-min-width-0.dark-mode .kt-font-brand,
#celebration .box-bg.gamification-min-width-0.dark-mode .kt-font-success,
#celebration .box-bg.gamification-min-width-0.dark-mode .kt-font-danger,
#celebration .box-bg.gamification-min-width-0.dark-mode h3,
#celebration .box-bg.gamification-min-width-0.dark-mode h5,
#celebration .box-bg.gamification-min-width-0.dark-mode p,
#celebration .box-bg.gamification-min-width-0.dark-mode div {
    color: #000000 !important;
}
#celebration .box-bg.gamification-min-width-0.dark-mode .btn.btn-pill,
#celebration .box-bg.gamification-min-width-0.dark-mode #close-celeb {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Coin GIF has a white square — multiply blends it into #bfbfbf */
#celebration .box-bg.gamification-min-width-0.dark-mode img.mix-blend-mode,
#celebration .box-bg.gamification-min-width-0.dark-mode img.width-100 {
    mix-blend-mode: multiply !important;
    background: transparent !important;
    background-color: transparent !important;
}
/* Mobile — My Trainings Categories LP cards (img 2: header #424242, lower #242424) */
.mbl_card_list_item.lp-cards.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.mbl_card_list_item.lp-cards.dark-mode .learnpath__mbl_card_list_item-heading,
.mbl_card_list_item.lp-cards.dark-mode .kt-font-dark,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__content,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__content span {
    color: #ffffff !important;
}
.mbl_card_list_item.lp-cards.dark-mode .btn.btn-circle,
.mbl_card_list_item.lp-cards.dark-mode .btn.btn-label-info {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
}
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions .lp-card-button,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions a,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions span,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions i,
.mbl_card_list_item.lp-cards.dark-mode .mbl_card_list_item__actions p {
    color: #ffffff !important;
    background: transparent !important;
}
/* Mobile bottom 4 tabs + drawer — #242424 bar; icons/text #bfbfbf */
#kt_header_mobile.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: none !important;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.45) !important;
}
#kt_header_mobile.dark-mode .mbl-nav--item,
#kt_header_mobile.dark-mode .mbl-nav--icon,
#kt_header_mobile.dark-mode .mbl-nav--icon i {
    color: #bfbfbf !important;
}
#kt_header_mobile.dark-mode .mbl-nav--item_hover {
    border-top-color: #bfbfbf !important;
}
#kt_header_mobile.dark-mode .mbl-nav--item_hover > .mbl-nav--icon,
#kt_header_mobile.dark-mode .mbl-nav--item_hover > .mbl-nav--icon i {
    color: #ffffff !important;
}
/*
 * Mobile V2 dashboard (#mobile-content) — Slate Noir only.
 * Root cause: mobileV2 blades hardcode background:#fff !important on panels
 * (analytics, shortcuts, assigned learning, surveys, etc.), so the page stays
 * light even though body is #000. Out-specify those rules with #mobile-content
 * so web dashboard and other themes are untouched.
 */
body:has(#mobile-content),
body:has(#mobile-content) #kt_content,
body:has(#mobile-content) #kt_wrapper,
body:has(#mobile-content) .kt-content,
body:has(#mobile-content) .kt-container {
    background: #000000 !important;
    background-color: #000000 !important;
}
#mobile-content,
#mobile-content .mobile-analytics-panel,
#mobile-content .mobile-shortcut-bar,
#mobile-content .mobile-shortcut-bar__search,
#mobile-content .analytics-cards-section,
#mobile-content .mbl-dashboard-card,
#mobile-content .lp-assigned-learning,
#mobile-content .lp-assigned-learning__list,
#mobile-content .survey-assigned,
#mobile-content .survey-assigned__list,
#mobile-content .attention-action-card,
#mobile-content .assessment-widget,
#mobile-content .mbl-priority-announcements,
#mobile-content .mbl-priority-announcements__cards,
#mobile-content .mbl-leaderboard-section,
#mobile-content .mbl-leaderboard,
#mobile-content .mbl-leaderboard__list,
#mobile-content .nomination-lp-assigned,
#mobile-content .nomination-lp-assigned__list,
#mobile-content .checklist-assigned,
#mobile-content .checklist-assigned__list,
#mobile-content .library-assigned-section,
#mobile-content .library-assigned,
#mobile-content .library-assigned__list,
#mobile-content .learn-rec-assigned,
#mobile-content .learn-rec-assigned__list {
    background: #000000 !important;
    background-color: #000000 !important;
}
/* Search — dark pill like img 2 */
#mobile-content .mobileSearch-learnpath__input,
#mobile-content #dashboard_search,
#mobile-content .search-container input {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#mobile-content .mobileSearch-learnpath__input::placeholder,
#mobile-content #dashboard_search::placeholder {
    color: #bfbfbf !important;
}
#mobile-content .search-container .flaticon-search,
#mobile-content .search-container i {
    color: #ffffff !important;
}
/* Shortcut icons + labels */
#mobile-content .mobile-shortcut-bar svg,
#mobile-content .mobile-shortcut-bar .kt-iconbox__desc p,
#mobile-content .mobile-shortcut-bar .kt-link,
#mobile-content .mobile-shortcut-bar .text-black {
    color: #ffffff !important;
}
/*
 * Shortcut label underline — same pattern as Metronic .kt-link:after
 * (other themes show a brand-color underline on hover/click). Trigger off the
 * parent <a> so hovering the icon also underlines the label; use white so it
 * matches Slate Noir (--color is already #fff).
 */
#mobile-content .mobile-shortcut-bar .kt-link {
    position: relative !important;
    display: inline-block !important;
    text-decoration: none !important;
}
#mobile-content .mobile-shortcut-bar .kt-link:after {
    display: block !important;
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    top: auto !important;
    width: 0% !important;
    border-bottom: 1px solid #ffffff !important;
    opacity: 1 !important;
    transition: width 0.3s ease !important;
}
#mobile-content .mobile-shortcut-bar a:hover .kt-link:after,
#mobile-content .mobile-shortcut-bar a:focus .kt-link:after,
#mobile-content .mobile-shortcut-bar a:active .kt-link:after,
#mobile-content .mobile-shortcut-bar .kt-link:hover:after,
#mobile-content .mobile-shortcut-bar .kt-link:active:after {
    width: 100% !important;
}
/* Section titles */
#mobile-content .dashboard-card--header p,
#mobile-content .dashboard-card--header a,
#mobile-content .mbl-dashboard-card .dashboard-card--header p,
#mobile-content .lp-assigned-learning .dashboard-card--header p,
#mobile-content .survey-assigned .dashboard-card--header p,
#mobile-content .text-black {
    color: #ffffff !important;
}
/* Analytics metric cards (blade omits dark-mode class) */
#mobile-content .analytics-card,
#mobile-content .analytics-card.kt-portlet,
#mobile-content .analytics-card.kt-iconbox,
#mobile-content .kt-portlet.kt-iconbox.analytics-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
#mobile-content .analytics-card .analytics-card-lp-stats__value,
#mobile-content .analytics-card .kt-iconbox__title,
#mobile-content .analytics-card .kt-iconbox__desc,
#mobile-content .analytics-card .kt-iconbox__desc p,
#mobile-content .analytics-card h3,
#mobile-content .analytics-card h4,
#mobile-content .analytics-card span,
#mobile-content .analytics-card svg {
    color: #ffffff !important;
}
#mobile-content .analytics-card .analytics-card-lp-stats__label {
    color: #bfbfbf !important;
}
/* Attention / training-due card */
#mobile-content .attention-action-card__dropdown {
    border-color: #424242 !important;
    background: #242424 !important;
}
#mobile-content .attention-action-card__header,
#mobile-content .attention-action-card__dropdown.is-expanded .attention-action-card__header {
    background: #242424 !important;
    color: #ffffff !important;
    border-bottom-color: #424242 !important;
}
#mobile-content .attention-action-card__title,
#mobile-content .attention-action-card__subtitle,
#mobile-content .attention-action-card__chevron,
#mobile-content .attention-action-card__view-all a {
    color: #ffffff !important;
}
#mobile-content .attention-action-card__view-all a {
    border-bottom-color: #ffffff !important;
}
#mobile-content .attention-action-card__icon {
    background: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#mobile-content .attention-action-card__icon--due-soon {
    color: #ef4444 !important;
    border-color: #ef4444 !important;
}
/* DSE / assessment promo widget — beat blade #fff card on Slate Noir */
#mobile-content .assessment-widget {
    background: #000000 !important;
    background-color: #000000 !important;
}
#mobile-content .assessment-widget__link {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1.5px solid #424242 !important;
}
#mobile-content .assessment-widget__title {
    color: #ffffff !important;
}
#mobile-content .assessment-widget__icon {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
#mobile-content .assessment-widget__icon svg {
    color: #ffffff !important;
}
#mobile-content .assessment-widget__action {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
#mobile-content .assessment-widget__action svg {
    color: #000000 !important;
    stroke: #000000 !important;
}
/* Expanded list — blade uses color-mix(... #fff) which stays light when --color is white */
#mobile-content .attention-action-card__list-wrap,
#mobile-content .attention-action-card__list {
    background: #242424 !important;
    background-color: #242424 !important;
}
#mobile-content .attention-action-card__list .lp-cards {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#mobile-content .attention-action-card__list .lp-cards .mbl_card_list_item__content,
#mobile-content .attention-action-card__list .lp-cards .mbl_card_list_item__content h1,
#mobile-content .attention-action-card__list .lp-cards .mbl_card_list_item__content span,
#mobile-content .attention-action-card__list .lp-cards .kt-font-dark,
#mobile-content .attention-action-card__list .lp-cards .learnpath__mbl_card_list_item-heading,
#mobile-content .attention-action-card__list .lp-cards__progress-header,
#mobile-content .attention-action-card__list .lp-cards__progress-header span,
#mobile-content .attention-action-card__list .lp-cards__progress-header b {
    color: #ffffff !important;
}
#mobile-content .attention-action-card__list .lp-cards__progress-track {
    background: #424242 !important;
}
/*
 * Mobile card info pills ("i") — match web Slate Noir circle buttons
 * (digital-library-screen / widget5_div .btn.btn-circle → white bg + black text).
 * Mobile blades use var(--white-color)/var(--color); in Slate Noir those are
 * #bfbfbf / #ffffff, so pills look grey-on-white. Force the web pairing here.
 */
#mobile-content .lp-cards__info-btn,
#mobile-content .nomination-cards__info-btn,
#mobile-content .library-cards__info-btn,
#mobile-content .attention-action-card__list .lp-cards__info-btn,
#mobile-content .lp-cards__info-btn:hover,
#mobile-content .lp-cards__info-btn:focus,
#mobile-content .nomination-cards__info-btn:hover,
#mobile-content .nomination-cards__info-btn:focus,
#mobile-content .library-cards__info-btn:hover,
#mobile-content .library-cards__info-btn:focus,
#mobile-content .btn.btn-circle.lp-cards__info-btn,
#mobile-content .btn.btn-circle.nomination-cards__info-btn,
#mobile-content .btn.btn-circle.library-cards__info-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
    border-color: #ffffff !important;
}
/* Filter pills — active: white/black; inactive: black + white border (img 2) */
#mobile-content .lp-filter-pill,
#mobile-content .survey-filter-pill,
#mobile-content .nomination-filter-pill,
#mobile-content [class$="-filter-pill"] {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
#mobile-content .lp-filter-pill.is-active,
#mobile-content .survey-filter-pill.is-active,
#mobile-content .nomination-filter-pill.is-active,
#mobile-content [class$="-filter-pill"].is-active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
#mobile-content .lp-filter-pill.is-active .lp-filter-pill__badge,
#mobile-content .survey-filter-pill.is-active .survey-filter-pill__badge {
    background: #ef4444 !important;
    color: #ffffff !important;
}
/* Assigned / survey / library / nomination / checklist cards */
#mobile-content .lp-cards.mbl_card_list_item,
#mobile-content .survey-cards.mbl_card_list_item,
#mobile-content .library-cards.mbl_card_list_item,
#mobile-content .nomination-cards.mbl_card_list_item,
#mobile-content .checklist-cards.mbl_card_list_item,
#mobile-content .mbl_card_list_item.lp-cards,
#mobile-content .mbl_card_list_item {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
#mobile-content .lp-cards .mbl_card_list_item__content,
#mobile-content .lp-cards .mbl_card_list_item__content h1,
#mobile-content .lp-cards .mbl_card_list_item__content span,
#mobile-content .lp-cards__progress-header,
#mobile-content .survey-cards .mbl_card_list_item__content,
#mobile-content .survey-cards .mbl_card_list_item__content h1,
#mobile-content .survey-cards .mbl_card_list_item__content span,
#mobile-content .survey-cards__progress-header,
#mobile-content .survey-cards__progress-header span,
#mobile-content .survey-cards__progress-header b,
#mobile-content .mbl_card_list_item__content,
#mobile-content .mbl_card_list_item__content h1,
#mobile-content .mbl_card_list_item__content span,
#mobile-content .mbl_card_list_item__content p,
#mobile-content .library-cards__description,
#mobile-content .library-cards__meta,
#mobile-content .nomination-cards__seats-header,
#mobile-content .nomination-cards__progress-header,
#mobile-content .checklist-cards__meta,
#mobile-content .mbl-priority-announcements__card-title,
#mobile-content .mbl-priority-announcements__card-date,
#mobile-content .mbl-priority-announcements__card-description,
#mobile-content .mbl-leaderboard__name,
#mobile-content .mbl-leaderboard__points,
#mobile-content .mbl-leaderboard__stat-label,
#mobile-content .mbl-leaderboard__stat-value {
    color: #ffffff !important;
}
#mobile-content .lp-cards__progress-track,
#mobile-content .nomination-cards__progress-track,
#mobile-content .nomination-cards__seats-track {
    background: #424242 !important;
}
/* Survey icon cover — blade color-mix(... #fff) stays white when --color is white */
#mobile-content .survey-cards__cover {
    background: #424242 !important;
    background-color: #424242 !important;
}
#mobile-content .survey-cards__cover-icon,
#mobile-content .survey-cards__cover-icon path,
#mobile-content .survey-cards__cover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* Priority announcement / leaderboard rows */
#mobile-content .mbl-priority-announcements__card,
#mobile-content .mbl-leaderboard__row {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
/* Announcements — blade hardcodes #fff on header/body/empty */
#mobile-content .mbl-priority-announcements__card,
#mobile-content .mbl-priority-announcements__card-header,
#mobile-content .mbl-priority-announcements__card.is-expanded .mbl-priority-announcements__card-header,
#mobile-content .mbl-priority-announcements__card-body,
#mobile-content .mbl-priority-announcements__empty-card,
#mobile-content .mbl-priority-announcements__loading {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#mobile-content .mbl-priority-announcements__card-title,
#mobile-content .mbl-priority-announcements__card-date,
#mobile-content .mbl-priority-announcements__card-description,
#mobile-content .mbl-priority-announcements__card-description p,
#mobile-content .mbl-priority-announcements__card-chevron,
#mobile-content .mbl-priority-announcements__card-action,
#mobile-content .mbl-priority-announcements__empty-card,
#mobile-content .mbl-priority-announcements__loading {
    color: #ffffff !important;
}
#mobile-content .mbl-priority-announcements__card-date,
#mobile-content .mbl-priority-announcements__card-chevron {
    color: #bfbfbf !important;
}
#mobile-content .mbl-priority-announcements__card.is-expanded .mbl-priority-announcements__card-header {
    border-bottom: 1px solid #424242 !important;
}
/* Leaderboard — Slate Noir only (blade hardcodes #fff / theme --color white) */
#mobile-content .mbl-leaderboard .dashboard-card--header p,
#mobile-content .mbl-leaderboard .dashboard-card--header a {
    color: #ffffff !important;
}
#mobile-content .mbl-leaderboard__stats {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 12px !important;
    gap: 0 !important;
    padding: 0.85rem 0.5rem !important;
}
#mobile-content .mbl-leaderboard__stat {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.65rem 0.35rem !important;
}
#mobile-content .mbl-leaderboard__stat + .mbl-leaderboard__stat {
    border-left: 1px solid #666666 !important;
}
#mobile-content .mbl-leaderboard__stat-label {
    color: #bfbfbf !important;
}
#mobile-content .mbl-leaderboard__stat-value {
    color: #ffffff !important;
}
#mobile-content .mbl-leaderboard__list.mbl_card_list,
#mobile-content .mbl-leaderboard__empty,
#mobile-content .mbl-leaderboard__loading {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #bfbfbf !important;
}
#mobile-content .mbl-leaderboard__row,
#mobile-content .mbl-leaderboard__row.is-me {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#mobile-content .mbl-leaderboard__rank,
#mobile-content .mbl-leaderboard__row.is-first .mbl-leaderboard__rank,
#mobile-content .mbl-leaderboard__name,
#mobile-content .mbl-leaderboard__points,
#mobile-content .mbl-leaderboard__row.is-first .mbl-leaderboard__points {
    color: #ffffff !important;
}
#mobile-content .mbl-leaderboard__avatar,
#mobile-content .mbl-leaderboard__row.is-first .mbl-leaderboard__avatar {
    border: 2px solid #ffffff !important;
    background: #424242 !important;
}
#mobile-content .mbl-leaderboard__badge {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
/* Empty states — blades hardcode .mbl-dashboard-empty { background:#fff } */
#mobile-content .mbl-dashboard-empty,
#mobile-content .lp-assigned-learning__empty,
#mobile-content .survey-assigned__empty,
#mobile-content .nomination-lp-assigned__empty,
#mobile-content .library-assigned__empty,
#mobile-content .learn-rec-assigned__empty,
#mobile-content .checklist-empty {
    background: #000000 !important;
    background-color: #000000 !important;
}
#mobile-content .mbl-dashboard-empty__text {
    color: #bfbfbf !important;
}
/* Resume / action buttons — black + white border (img 2) */
#mobile-content .lp-cards__actions .lp-card-button,
#mobile-content .lp-card-button,
#mobile-content .survey-card-button,
#mobile-content .library-card-button,
#mobile-content .nomination-card-button,
#mobile-content .checklist-card-button,
#mobile-content .mbl_card_list_item__actions .lp-card-button,
#mobile-content .mbl_card_list_item__actions a.lp-card-button {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
#mobile-content .mbl_card_list_item__actions i,
#mobile-content .mbl_card_list_item__actions span {
    color: #ffffff !important;
}
/* Featured / horizontal promo cards */
#mobile-content .dashboard-card--content,
#mobile-content .dashboard-card--content_blue,
#mobile-content .dashboard-card--content_blue.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#mobile-content .dashboard-card--content p,
#mobile-content .dashboard-card--content span,
#mobile-content .dashboard-card--content_blue p,
#mobile-content .dashboard-card--content_blue span {
    color: #ffffff !important;
}
/* Bottom footer nav — always dark on mobile webview (not only dashboard).
 * Was scoped to body:has(#mobile-content), so other modules (Q Cards, Library,
 * Reports) fell back to blade .mbl-nav { background:#fff } and icon colors
 * via var(--color)/#8C8C8C. .mbl-bottom-bar only renders when $showWebView. */
.mbl-bottom-bar,
.mbl-bottom-bar .mbl-bottom-bar__nav,
#mbl_footer_nav {
    background: transparent !important;
}
.mbl-nav,
.mbl-bottom-bar .mbl-nav,
#mbl_footer_nav .mbl-nav {
    background: #242424 !important;
    background-color: #242424 !important;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.45) !important;
}
.mbl-nav .mbl-nav--item,
.mbl-nav .mbl-nav--icon,
.mbl-nav .mbl-nav--icon i,
.mbl-nav .mbl-nav--icon svg,
.mbl-nav .mbl-nav--icon svg path,
.mbl-nav .mbl-nav--label {
    color: #bfbfbf !important;
    fill: currentColor !important;
}
.mbl-nav .mbl-nav--item_hover,
.mbl-nav .mbl-nav--item_hover .mbl-nav--icon,
.mbl-nav .mbl-nav--item_hover .mbl-nav--icon i,
.mbl-nav .mbl-nav--item_hover .mbl-nav--icon svg,
.mbl-nav .mbl-nav--item_hover .mbl-nav--icon svg path,
.mbl-nav .mbl-nav--item_hover .mbl-nav--label {
    color: #ffffff !important;
    fill: currentColor !important;
}
/* Mobile bottom drawer (reports / misc mega-menu) */
.mbl-nav-drawer-content {
    background: #242424 !important;
    background-color: #242424 !important;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.45) !important;
}
.mbl-nav-drawer--item,
.mbl-nav-drawer--item p,
.mbl-nav-drawer--item i {
    color: #ffffff !important;
}
.mbl-nav-drawer--item .training-icon {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
.mbl-nav-drawer--item .training-icon i {
    color: #ffffff !important;
}
/* Mobile course language drawer — Select button (white pill + black text) */
#bottomNavDrawerCourseTranslation .mbl-nav-drawer-header h2,
#bottomNavDrawerCourseTranslation .mbl-nav-drawer-header .flaticon2-cross {
    color: #ffffff !important;
}
#bottomNavDrawerCourseTranslation .dark-mode-light-text,
#bottomNavDrawerCourseTranslation .mbl-nav-drawer-data .poppins,
#bottomNavDrawerCourseTranslation .mbl-nav-drawer-multilingual--item {
    color: #ffffff !important;
}
#bottomNavDrawerCourseTranslation select,
#bottomNavDrawerCourseTranslation select.dark-mode,
#bottomNavDrawerCourseTranslation #id_language_type,
#bottomNavDrawerCourseTranslation .mbl-nav-drawer-multilingual--item select {
    background-color: #242424 !important;
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    color-scheme: dark;
}
#bottomNavDrawerCourseTranslation select option,
#bottomNavDrawerCourseTranslation #id_language_type option {
    background-color: #242424 !important;
    background: #242424 !important;
    color: #ffffff !important;
}
#bottomNavDrawerCourseTranslation .action-button.submit-btn,
#bottomNavDrawerCourseTranslation .action-button,
#bottomNavDrawerCourseTranslation #id_select_language,
#bottomNavDrawerCourseTranslation button.action-button.submit-btn.dark-mode-bg-white.dark-mode-dark-text,
#bottomNavDrawerCourseTranslation .action-button.submit-btn.dark-mode-dark-text {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
#bottomNavDrawerCourseTranslation .action-button.submit-btn:hover,
#bottomNavDrawerCourseTranslation .action-button:hover,
#bottomNavDrawerCourseTranslation #id_select_language:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}
/* Manage Users screen only — matches img 1; scoped so other screens are untouched */
.manage-users-screen .chromium_card--content.dark-mode {
    background: #242424 !important;
    border-color: #424242 !important;
}
.manage-users-screen .chromium_card--content.dark-mode .analytics-small-text,
.manage-users-screen .chromium_card--content.dark-mode .analytics-big-text {
    color: #ffffff !important;
}
.manage-users-screen .hof-table-card.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
/* Empty area below few rows (min-height grid) must match row color, not page black */
.manage-users-screen .hof-table-card.dark-mode .grid-container,
.manage-users-screen .hof-table-card.dark-mode .table-wrapper,
.manage-users-screen .hof-table-card.dark-mode .grid-table,
.manage-users-screen .hof-table-card.dark-mode .grid-table tbody {
    background: #242424 !important;
    background-color: #242424 !important;
}
/*
  Extra empty grid space: blade sets tbody height:300px !important (can't override),
  and manageStyle sets .min-h__user-grid { min-height:500px }.
  max-height:max-content shrinks used height to content despite the inline height.
*/
.manage-users-screen .min-h__user-grid {
    min-height: 0 !important;
    height: auto !important;
}
.manage-users-screen .hof-table-card.dark-mode .grid-table tbody {
    max-height: max-content !important;
    overflow-y: visible !important;
}
.manage-users-screen .hof-table-card.dark-mode .table-wrapper {
    max-height: 400px !important;
    overflow-y: auto !important;
}
.manage-users-screen .grid-head.dark-mode,
.manage-users-screen .grid-head.dark-mode th,
.manage-users-screen .grid-head.dark-mode .fixed-col,
.manage-users-screen .grid-table thead.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/*
  Manage Users: all thead th are sticky (top:0, z-index:10). Slate Noir's global
  .grid-head .fixed-col { z-index:3 } loses to those headers, so "Action" gets
  covered while td.fixed-col (three-dots) stays put. Pin Action header above them.
*/
.manage-users-screen .grid-container .grid-head .fixed-col,
.manage-users-screen .grid-table thead th.fixed-col,
.manage-users-screen .grid-head.dark-mode th.fixed-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 13 !important;
    background: #424242 !important;
    background-color: #424242 !important;
}
.manage-users-screen .grid-row.dark-mode,
.manage-users-screen .grid-row.dark-mode td,
.manage-users-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-users-screen .grid-container .grid-row td.fixed-col,
.manage-users-screen .grid-table tbody td.fixed-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    right: 0 !important;
    z-index: 2 !important;
    background: #242424 !important;
    background-color: #242424 !important;
}
/* Vertical separator between scrolling columns and sticky Action (visible on dark bg) */
.manage-users-screen .grid-table thead th.fixed-col,
.manage-users-screen .grid-table tbody td.fixed-col,
.manage-users-screen .grid-head.dark-mode th.fixed-col,
.manage-users-screen .grid-row.dark-mode td.fixed-col,
.manage-users-screen .grid-container .grid-head .fixed-col,
.manage-users-screen .grid-container .grid-row td.fixed-col {
    border-left: 1px solid #424242 !important;
}
.manage-users-screen .grid-table .fixed-col-edge-shadow {
    width: 1px !important;
    background: #666666 !important;
    background-image: none !important;
    box-shadow: -12px 0 20px rgba(0, 0, 0, 0.65), -4px 0 10px rgba(0, 0, 0, 0.45) !important;
}
.manage-users-screen .custom-report-tabs {
    border-bottom: 1px solid #424242 !important;
    background: transparent !important;
    gap: 0.5rem;
}
.manage-users-screen .custom-report-tabs .nav-item {
    margin-bottom: 0;
}
.manage-users-screen .custom-report-tabs .nav-link {
    position: relative;
    color: #bfbfbf !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    font-weight: 500 !important;
    padding: 10px 16px 12px !important;
}
.manage-users-screen .custom-report-tabs .nav-link:hover {
    color: #ffffff !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
}
.manage-users-screen .custom-report-tabs .nav-link.active {
    color: #ffffff !important;
    font-weight: 700 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
}
.manage-users-screen .custom-report-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 4px;
    background: #ffffff;
    border-radius: 999px 999px 0 0;
}
.manage-users-screen .custom-report-tabs .nav-link .icons-select-status {
    color: #bfbfbf !important;
}
.manage-users-screen .custom-report-tabs .nav-link.active .icons-select-status {
    color: #ffffff !important;
}
.manage-users-screen .action-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
/* Confirm modals (deactivate / reset password) — live outside .manage-users-screen */
#modaldelete .modal-content.dark-mode,
#resetPasswordModal .modal-content.dark-mode,
#bulkUploadMappingInfoModal .modal-content.dark-mode {
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#modaldelete .modal-content.dark-mode .modal-body--inner h1,
#modaldelete .modal-content.dark-mode .modal-body--inner h3,
#resetPasswordModal .modal-content.dark-mode .modal-body--inner h1,
#resetPasswordModal .modal-content.dark-mode .modal-body--inner h3,
#bulkUploadMappingInfoModal .modal-content.dark-mode .modal-body--inner h1,
#bulkUploadMappingInfoModal .modal-content.dark-mode .modal-body--inner h3 {
    color: #ffffff !important;
}
#modaldelete .modal-content.dark-mode .modal-footer .cancel,
#resetPasswordModal .modal-content.dark-mode .modal-footer .cancel,
#bulkUploadMappingInfoModal .modal-content.dark-mode .modal-footer .cancel {
    color: #bfbfbf !important;
}
#modaldelete .modal-content.dark-mode .modal-footer .confirm,
#resetPasswordModal .modal-content.dark-mode .modal-footer .confirm,
#bulkUploadMappingInfoModal .modal-content.dark-mode .modal-footer .confirm {
    color: #ffffff !important;
}
#modaldelete .modal-content.dark-mode .dropzone,
#modaldelete .modal-content.dark-mode .dropzone.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px dashed #666666 !important;
    color: #ffffff !important;
}
#modaldelete .modal-content.dark-mode .dropzone-msg-title,
#modaldelete .modal-content.dark-mode .dropzone-msg-title b,
#modaldelete .modal-content.dark-mode .dropzone-msg-title i {
    color: #ffffff !important;
}
/* Action "..." menu: white panel + black text (same as Certificates / Tag Groups) */
.manage-users-screen .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
.manage-users-screen .dropdown-menu .dropdown-item,
.manage-users-screen .dropdown-menu .dropdown-item i,
.manage-users-screen .dropdown-menu .dropdown-item.dark-mode-text-color,
.manage-users-screen .grid-row.dark-mode td .dropdown-menu .dropdown-item,
.manage-users-screen .grid-row.dark-mode td .dropdown-menu .dropdown-item i {
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.manage-users-screen .dropdown-menu .dropdown-item:hover,
.manage-users-screen .dropdown-menu .dropdown-item:focus,
.manage-users-screen .dropdown-menu .dropdown-item:hover i,
.manage-users-screen .dropdown-menu .dropdown-item:focus i {
    color: #000000 !important;
    background-color: #bfbfbf !important;
}
/* Status pills — outlined Active (green) / Inactive (red), transparent fill (img 1) */
.manage-users-screen .active-bubble {
    background: transparent !important;
    background-color: transparent !important;
    color: #6bd686 !important;
    border: 1px solid #6bd686 !important;
    border-radius: 999px !important;
}
.manage-users-screen .inactive-bubble {
    background: transparent !important;
    background-color: transparent !important;
    color: #ff4f53 !important;
    border: 1px solid #ff4f53 !important;
    border-radius: 999px !important;
}
/* Manage Roles screen only — dark grid rows/header; scoped so other screens are untouched */
.manage-roles-screen .grid-head.dark-mode,
.manage-roles-screen .grid-head.dark-mode th,
.manage-roles-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-roles-screen .grid-row.dark-mode,
.manage-roles-screen .grid-row.dark-mode td,
.manage-roles-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-roles-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-roles-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.manage-roles-screen .action-container.dark-mode,
.manage-roles-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.manage-roles-screen .dropdown-menu .kt-nav__link,
.manage-roles-screen .dropdown-menu .kt-nav__link-text,
.manage-roles-screen .dropdown-menu .kt-nav__link-icon,
.manage-roles-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-roles-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
/* Manage Roles create/edit — Starting Permissions select2 (dropdown attaches to body) */
#batchCreateFormSideNav.sidenav.dark-mode .select2-container--default .select2-selection--multiple,
#batchCreateFormSideNav.sidenav.dark-mode .js-example-basic-multiple + .select2-container .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    min-height: 38px !important;
}
#batchCreateFormSideNav.sidenav.dark-mode .select2-selection__choice,
#batchCreateFormSideNav.sidenav.dark-mode .select2-selection__placeholder,
#batchCreateFormSideNav.sidenav.dark-mode .select2-selection__rendered {
    color: #ffffff !important;
}
#batchCreateFormSideNav.sidenav.dark-mode .select2-selection__choice {
    background: #000000 !important;
    border-color: #424242 !important;
}
body:has(.manage-roles-screen) .select2-dropdown,
body:has(#batchCreateFormSideNav) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
body:has(.manage-roles-screen) .select2-container--default .select2-results__option,
body:has(#batchCreateFormSideNav) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.manage-roles-screen) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(.manage-roles-screen) .select2-container--default .select2-results__option--highlighted,
body:has(.manage-roles-screen) .select2-container--default .select2-results__option[aria-selected=true],
body:has(#batchCreateFormSideNav) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(#batchCreateFormSideNav) .select2-container--default .select2-results__option--highlighted,
body:has(#batchCreateFormSideNav) .select2-container--default .select2-results__option[aria-selected=true] {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
/* User Mapping screen only — dark grid rows/header; scoped so other screens are untouched */
.user-mapping-screen .grid-head.dark-mode,
.user-mapping-screen .grid-head.dark-mode th,
.user-mapping-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-mapping-screen .grid-row.dark-mode,
.user-mapping-screen .grid-row.dark-mode td,
.user-mapping-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-mapping-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.user-mapping-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.user-mapping-screen .action-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.user-mapping-screen .chromium_container--header h5 {
    color: #bfbfbf !important;
}
.user-mapping-screen .dropdown-menu .kt-nav__link,
.user-mapping-screen .dropdown-menu .kt-nav__link-text,
.user-mapping-screen .dropdown-menu .kt-nav__link-icon,
.user-mapping-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.user-mapping-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
/* Manage Batches screen only — dark grid; scoped so other screens are untouched */
.manage-batches-screen .grid-head.dark-mode,
.manage-batches-screen .grid-head.dark-mode th,
.manage-batches-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-batches-screen .grid-row.dark-mode,
.manage-batches-screen .grid-row.dark-mode td,
.manage-batches-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-batches-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-batches-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.manage-batches-screen .action-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.manage-batches-screen .dropdown-menu .kt-nav__link,
.manage-batches-screen .dropdown-menu .kt-nav__link-text,
.manage-batches-screen .dropdown-menu .kt-nav__link-icon,
.manage-batches-screen .dropdown-menu .kt-nav__link i {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
}
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-batches-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
/* Manage Batches delete confirm modal */
#delete-modal .modal-content.dark-mode {
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#delete-modal .modal-content.dark-mode .modal-body--inner h1,
#delete-modal .modal-content.dark-mode .modal-body--inner h3 {
    color: #ffffff !important;
}
#delete-modal .modal-content.dark-mode .modal-footer .cancel {
    color: #bfbfbf !important;
}
#delete-modal .modal-content.dark-mode .modal-footer .confirm {
    color: #ffffff !important;
}
/* Batch populate (Manage User) — dark grid + action menu */
.batch-populate-screen .grid-head.dark-mode,
.batch-populate-screen .grid-head.dark-mode th,
.batch-populate-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.batch-populate-screen .grid-row.dark-mode,
.batch-populate-screen .grid-row.dark-mode td,
.batch-populate-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.batch-populate-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.batch-populate-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.batch-populate-screen .action-container.dark-mode,
.batch-populate-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.batch-populate-screen .dropdown-menu .kt-nav__link,
.batch-populate-screen .dropdown-menu .kt-nav__link-text,
.batch-populate-screen .dropdown-menu .kt-nav__link-icon,
.batch-populate-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.batch-populate-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
/* Empty state — SVG fill was #000; poppins-mt was black */
.batch-populate-screen .grid-empty .kt-svg-icon g [fill],
.batch-populate-screen .grid-empty .kt-svg-icon path {
    fill: #bfbfbf !important;
}
.batch-populate-screen .grid-empty .poppins-blue,
.batch-populate-screen .grid-empty .poppins-mt,
.batch-populate-screen .grid-empty .dark-mode-light-text {
    color: #ffffff !important;
}
#userAdditionSideNav.sidenav.dark-mode .bg-light-blue,
#userAdditionSideNav.sidenav.dark-mode .kt-font-dark {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
/* Batch Usage — dark grid; scoped so other screens are untouched */
.batch-usage-screen .grid-head.dark-mode,
.batch-usage-screen .grid-head.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.batch-usage-screen .grid-row.dark-mode,
.batch-usage-screen .grid-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/* Login Analytical Report — dark grid + white buttons; scoped so other themes/screens are untouched */
.login-analytical-report-screen .grid-head.dark-mode,
.login-analytical-report-screen .grid-head.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.login-analytical-report-screen .cr-row.dark-mode,
.login-analytical-report-screen .cr-row.dark-mode td,
.login-analytical-report-screen .cr-row.dark-mode td span,
.login-analytical-report-screen .cr-row.dark-mode td a,
.login-analytical-report-screen .cr-row.dark-mode td p {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.login-analytical-report-screen .action-container.dark-mode,
.login-analytical-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
/* Space Download / Filter / Clear like Manage Users toolbar */
.login-analytical-report-screen .showFilter-row__padding {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}
.login-analytical-report-screen .showFilter-row__padding > .search-container,
.login-analytical-report-screen .showFilter-row__padding > #downloadButton,
.login-analytical-report-screen .showFilter-row__padding > .action-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.login-analytical-report-screen .action-container.dark-mode,
.login-analytical-report-screen .action-container-margin {
    margin-top: 0 !important;
}
.login-analytical-report-screen .filter-container.dark-mode {
    display: flex !important;
    gap: 0.75rem !important;
    align-items: center !important;
}
.login-analytical-report-screen .filter-container .filter,
.login-analytical-report-screen .filter-container .clear {
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.login-analytical-report-screen #downloadButton,
.login-analytical-report-screen .download.btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.login-analytical-report-screen #downloadButton:hover,
.login-analytical-report-screen .download.btn-download:hover,
.login-analytical-report-screen .filter-container .filter:hover,
.login-analytical-report-screen .filter-container .clear:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.login-analytical-report-screen .filter-container .filter::before,
.login-analytical-report-screen .filter-container .clear::before,
.login-analytical-report-screen .download::before {
    color: #000000 !important;
}

/* Activity Log Report — override light activityLogReportStyle.css (Slate Noir only) */
.activity-log-report-screen .dark-mode-light-text,
.activity-log-report-screen .poppins-blue.title-fw {
    color: #ffffff !important;
}
.activity-log-report-screen .filter-container,
.activity-log-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.activity-log-report-screen .filter-container .filter,
.activity-log-report-screen .filter-container .clear,
.activity-log-report-screen .filter-container .download,
.activity-log-report-screen .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.activity-log-report-screen .filter-container .filter::before,
.activity-log-report-screen .filter-container .clear::before,
.activity-log-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.activity-log-report-screen .custom-overflow .row:has(sb-grid) {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.activity-log-report-screen .custom-overflow .report_table thead th,
.activity-log-report-screen .custom-overflow .report_thead,
.activity-log-report-screen .custom-overflow .report_thead.dark-mode,
.activity-log-report-screen .custom-overflow .report_thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #424242 !important;
    border-color: #424242 !important;
    font-weight: 600 !important;
}
.activity-log-report-screen .custom-overflow .report_table tr.cr-row,
.activity-log-report-screen .custom-overflow .report_table tr.cr-row.dark-mode,
.activity-log-report-screen .custom-overflow .report_table tr.cr-row td,
.activity-log-report-screen .custom-overflow .report_table tr.cr-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.activity-log-report-screen .custom-overflow .report_table tr.cr-row:last-child td {
    border-bottom: 0 !important;
}
.activity-log-report-screen .custom-overflow .report_table tr.cr-row td span,
.activity-log-report-screen .custom-overflow .report_table tr.cr-row td a,
.activity-log-report-screen .custom-overflow .report_table tr.cr-row td p {
    color: #ffffff !important;
}
.activity-log-report-screen .gridData-row1,
.activity-log-report-screen .gridData-row2 {
    color: #bfbfbf !important;
}

/* PDL Usage Report — Competition Outselling (Slate Noir only) */
.pdl-usage-report-screen .dark-mode-light-text,
.pdl-usage-report-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.pdl-usage-report-screen #report_search,
.pdl-usage-report-screen .showFilterOption-input,
.pdl-usage-report-screen .showFilterOption-input.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.pdl-usage-report-screen #report_search::placeholder,
.pdl-usage-report-screen .showFilterOption-input::placeholder,
.pdl-usage-report-screen .showFilterOption-input.dark-mode::placeholder {
    color: #bfbfbf !important;
}
.pdl-usage-report-screen .search-filter__container .search-icon {
    color: #ffffff !important;
}
.pdl-usage-report-screen .action-container,
.pdl-usage-report-screen .action-container.dark-mode,
.pdl-usage-report-screen .filter-container,
.pdl-usage-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.pdl-usage-report-screen .filter-container .filter,
.pdl-usage-report-screen .filter-container .clear,
.pdl-usage-report-screen .filter-container .download,
.pdl-usage-report-screen #download_grid {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.pdl-usage-report-screen .filter-container .filter:hover,
.pdl-usage-report-screen .filter-container .clear:hover,
.pdl-usage-report-screen .filter-container .download:hover,
.pdl-usage-report-screen #download_grid:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.pdl-usage-report-screen .filter-container .filter::before,
.pdl-usage-report-screen .filter-container .clear::before,
.pdl-usage-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.pdl-usage-report-screen .be-report-table-shell,
.pdl-usage-report-screen .be-report-table-scroll,
.pdl-usage-report-screen .report_table,
.pdl-usage-report-screen .be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.pdl-usage-report-screen .report_thead,
.pdl-usage-report-screen .report_thead.dark-mode,
.pdl-usage-report-screen .report_thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.pdl-usage-report-screen .cr-row,
.pdl-usage-report-screen .cr-row.dark-mode,
.pdl-usage-report-screen .cr-row td,
.pdl-usage-report-screen .cr-row.dark-mode td,
.pdl-usage-report-screen .cr-row td span,
.pdl-usage-report-screen .cr-row td a,
.pdl-usage-report-screen .cr-row td p,
.pdl-usage-report-screen .report_td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.pdl-usage-report-screen .cr-row:hover td,
.pdl-usage-report-screen .cr-row:hover {
    background: #424242 !important;
    background-color: #424242 !important;
}
.pdl-usage-report-screen .cr-row td a:hover {
    color: #bfbfbf !important;
}
.pdl-usage-report-screen .gridData-row1,
.pdl-usage-report-screen .gridData-row2 {
    color: #bfbfbf !important;
}
/* Filter sidenav */
.pdl-usage-report-screen #userFilterSideNav.sidenav,
.pdl-usage-report-screen #userFilterSideNav .sidenav--header,
.pdl-usage-report-screen #userFilterSideNav .sidenav--body,
.pdl-usage-report-screen #userFilterSideNav .sidenav--body-content,
.pdl-usage-report-screen #userFilterSideNav .sidenav--body-content_container,
#userFilterSideNav.sidenav:has(.sidenav-form--input #selectPopularity),
#userFilterSideNav:has(#selectPopularity) .sidenav--header,
#userFilterSideNav:has(#selectPopularity) .sidenav--body,
#userFilterSideNav:has(#selectPopularity) .sidenav--body-content,
#userFilterSideNav:has(#selectPopularity) .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.pdl-usage-report-screen #userFilterSideNav .sidenav--header p,
.pdl-usage-report-screen #userFilterSideNav .sidenav--body-content_container h1,
.pdl-usage-report-screen #userFilterSideNav .sidenav-form--input p,
#userFilterSideNav:has(#selectPopularity) .sidenav--header p,
#userFilterSideNav:has(#selectPopularity) h1,
#userFilterSideNav:has(#selectPopularity) .sidenav-form--input p {
    color: #ffffff !important;
}
.pdl-usage-report-screen #userFilterSideNav .sidenav--header p img,
#userFilterSideNav:has(#selectPopularity) .sidenav--header p img {
    filter: invert(1);
}
.pdl-usage-report-screen #userFilterSideNav input,
.pdl-usage-report-screen #userFilterSideNav select,
.pdl-usage-report-screen #userFilterSideNav .form-control,
#userFilterSideNav:has(#selectPopularity) input,
#userFilterSideNav:has(#selectPopularity) select,
#userFilterSideNav:has(#selectPopularity) .form-control {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.pdl-usage-report-screen #userFilterSideNav select option,
#userFilterSideNav:has(#selectPopularity) select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.pdl-usage-report-screen #userFilterSideNav .btn.btn-pill,
.pdl-usage-report-screen #userFilterSideNav .sidenav-form--input > button,
.pdl-usage-report-screen #userFilterSideNav button.ml-auto,
#userFilterSideNav:has(#selectPopularity) .sidenav-form--input > button,
#userFilterSideNav:has(#selectPopularity) button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Orientation Dashboard — Slate Noir only (.orientation-dashboard-screen) */
.orientation-dashboard-screen .dark-mode-light-text,
.orientation-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.orientation-dashboard-screen .action-container,
.orientation-dashboard-screen .action-container.dark-mode,
.orientation-dashboard-screen .filter-container,
.orientation-dashboard-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
}
.orientation-dashboard-screen .filter-container .filter,
.orientation-dashboard-screen .filter-container .clear {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.orientation-dashboard-screen .filter-container .filter:hover,
.orientation-dashboard-screen .filter-container .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.orientation-dashboard-screen .filter-container .filter::before,
.orientation-dashboard-screen .filter-container .clear::before {
    color: #000000 !important;
}
.orientation-dashboard-screen .kt-portlet,
.orientation-dashboard-screen .kt-portlet.dark-mode,
.orientation-dashboard-screen .kt-portlet__body,
.orientation-dashboard-screen .kt-portlet__body.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.orientation-dashboard-screen .nav-pills .nav-link {
    color: #bfbfbf !important;
    background: transparent !important;
    border: 1px solid #424242 !important;
}
.orientation-dashboard-screen .nav-pills .nav-link:hover {
    color: #ffffff !important;
    background: #424242 !important;
}
.orientation-dashboard-screen .nav-pills .nav-link.active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.orientation-dashboard-screen .alert.alert-info,
.orientation-dashboard-screen .alert.alert-info.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.orientation-dashboard-screen .alert.alert-info .dark-mode-light-text,
.orientation-dashboard-screen .alert.alert-info strong,
.orientation-dashboard-screen .alert.alert-info span,
.orientation-dashboard-screen .tab-pane .dark-mode-light-text,
.orientation-dashboard-screen .tab-pane h5.dark-mode-light-text {
    color: #ffffff !important;
}
.orientation-dashboard-screen .kt-portlet__body,
.orientation-dashboard-screen .tab-content,
.orientation-dashboard-screen .tab-pane {
    overflow: visible !important;
}
.orientation-dashboard-screen #chartdiv {
    background: transparent !important;
}
.orientation-dashboard-screen .tab-pane h5 {
    color: #ffffff !important;
    line-height: 1.5 !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 0.5rem !important;
}
.orientation-dashboard-screen .table,
.orientation-dashboard-screen .table td,
.orientation-dashboard-screen .table th,
.orientation-dashboard-screen .table thead th {
    color: #ffffff !important;
    border-color: #424242 !important;
}
.orientation-dashboard-screen .table thead.thead-light,
.orientation-dashboard-screen .table thead.thead-light th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.orientation-dashboard-screen .table tbody tr,
.orientation-dashboard-screen .table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
.orientation-dashboard-screen .tbody-light,
.orientation-dashboard-screen .tbody-light td {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.orientation-dashboard-screen .button-download,
.orientation-dashboard-screen #downloadButton.button-download,
.orientation-dashboard-screen .btn.btn-primary.button-download,
.orientation-dashboard-screen .btn.btn-primary.btn-sm.button-download,
.orientation-dashboard-screen .button-download:disabled,
.orientation-dashboard-screen .button-download[disabled],
.orientation-dashboard-screen .btn.btn-primary.button-download:disabled,
.orientation-dashboard-screen .btn.btn-primary.button-download[disabled] {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    opacity: 1 !important;
    box-shadow: none !important;
}
.orientation-dashboard-screen .button-download:hover,
.orientation-dashboard-screen #downloadButton.button-download:hover,
.orientation-dashboard-screen .btn.btn-primary.button-download:hover:not(:disabled) {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.orientation-dashboard-screen .button-download i,
.orientation-dashboard-screen .button-download:disabled i,
.orientation-dashboard-screen .btn.btn-primary.button-download i {
    color: #000000 !important;
}
.orientation-dashboard-screen #filterSideNav .btn.btn-pill,
.orientation-dashboard-screen #filterSideNav .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.orientation-dashboard-screen #filterSideNav .select2-selection__choice,
.orientation-dashboard-screen #filterSideNav .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.orientation-dashboard-screen #filterSideNav .select2-selection__choice__remove {
    color: #ffffff !important;
}
.orientation-dashboard-screen .text-muted {
    color: #bfbfbf !important;
}

/* User Engagement Dashboard — Slate Noir only */
.user-engagement-dashboard-screen .dark-mode-light-text,
.user-engagement-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.user-engagement-dashboard-screen .action-container,
.user-engagement-dashboard-screen .action-container.dark-mode,
.user-engagement-dashboard-screen .filter-container,
.user-engagement-dashboard-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
}
.user-engagement-dashboard-screen .filter-container .filter,
.user-engagement-dashboard-screen .filter-container .clear {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.user-engagement-dashboard-screen .filter-container .filter:hover,
.user-engagement-dashboard-screen .filter-container .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.user-engagement-dashboard-screen .filter-container .filter::before,
.user-engagement-dashboard-screen .filter-container .clear::before {
    color: #000000 !important;
}
.user-engagement-dashboard-screen .kt-portlet,
.user-engagement-dashboard-screen .kt-portlet.dark-mode,
.user-engagement-dashboard-screen .kt-portlet__body,
.user-engagement-dashboard-screen .kt-portlet__body.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.user-engagement-dashboard-screen .nav-pills .nav-link,
.user-engagement-dashboard-screen .nav-pills .nav-link.br-curve {
    color: #bfbfbf !important;
    background: transparent !important;
    border: 1px solid #424242 !important;
    border-radius: 999px !important;
}
.user-engagement-dashboard-screen .nav-pills .nav-link:hover,
.user-engagement-dashboard-screen .nav-pills .nav-link:active,
.user-engagement-dashboard-screen .nav-pills .nav-link:focus {
    color: #ffffff !important;
    background: #424242 !important;
    border-radius: 999px !important;
}
.user-engagement-dashboard-screen .nav-pills .nav-link.active,
.user-engagement-dashboard-screen .nav-pills .nav-item .nav-link.active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 999px !important;
}
.user-engagement-dashboard-screen #chartdiv {
    background: #242424 !important;
    background-color: #242424 !important;
}
.user-engagement-dashboard-screen .table,
.user-engagement-dashboard-screen .table td,
.user-engagement-dashboard-screen .table th,
.user-engagement-dashboard-screen .table thead th {
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-engagement-dashboard-screen .table thead.thead-light,
.user-engagement-dashboard-screen .table thead.thead-light th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-engagement-dashboard-screen .table tbody tr,
.user-engagement-dashboard-screen .table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
.user-engagement-dashboard-screen .tbody-light,
.user-engagement-dashboard-screen .tbody-light td {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-engagement-dashboard-screen .poppins-mt,
.user-engagement-dashboard-screen .poppins-blue {
    color: #bfbfbf !important;
}
.user-engagement-dashboard-screen #filterSideNav .btn.btn-pill,
.user-engagement-dashboard-screen #filterSideNav .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* Overall Training Analytics — Slate Noir only */
body:has(.overall-training-analytics-screen) {
    background-color: #000000 !important;
}
.overall-training-analytics-screen .dark-mode-light-text,
.overall-training-analytics-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.overall-training-analytics-screen .dashboard-section,
.overall-training-analytics-screen .dashboard-section.dark-mode,
.overall-training-analytics-screen .card__graph_div,
.overall-training-analytics-screen .grid-section {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.overall-training-analytics-screen .form-label,
.overall-training-analytics-screen .analytics-card__title {
    color: #ffffff !important;
}
.overall-training-analytics-screen .form-control,
.overall-training-analytics-screen .form-control.dark-mode,
.overall-training-analytics-screen #start-date,
.overall-training-analytics-screen #end-date {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    /* Dark native calendar popup (Chrome/Safari) */
    color-scheme: dark;
}
.overall-training-analytics-screen #start-date::-webkit-calendar-picker-indicator,
.overall-training-analytics-screen #end-date::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer;
}
.overall-training-analytics-screen .ota-apply-btn,
.overall-training-analytics-screen .ota-clear-btn,
.overall-training-analytics-screen .ota-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.overall-training-analytics-screen .ota-apply-btn:hover,
.overall-training-analytics-screen .ota-clear-btn:hover,
.overall-training-analytics-screen .ota-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.overall-training-analytics-screen .analytics-card,
.overall-training-analytics-screen .analytics-card.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.overall-training-analytics-screen .analytics-card p,
.overall-training-analytics-screen .analytics-card h4 {
    color: #ffffff !important;
}
.overall-training-analytics-screen .analytics-card i {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.overall-training-analytics-screen .table,
.overall-training-analytics-screen .table td,
.overall-training-analytics-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.overall-training-analytics-screen .table thead th,
.overall-training-analytics-screen .table thead.thead-light th,
.overall-training-analytics-screen .thead-light th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.overall-training-analytics-screen .table tbody tr,
.overall-training-analytics-screen .table tbody tr:nth-child(even),
.overall-training-analytics-screen .table tbody tr:hover {
    background: #242424 !important;
    background-color: #242424 !important;
}
.overall-training-analytics-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
}

/* Session Analytics Dashboard — Slate Noir only */
body:has(.session-analytics-dashboard-screen) {
    background-color: #000000 !important;
}
.session-analytics-dashboard-screen .dark-mode-light-text,
.session-analytics-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .dashboard-section,
.session-analytics-dashboard-screen .dashboard-section.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .form-label,
.session-analytics-dashboard-screen .analytics-card__title {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .form-select,
.session-analytics-dashboard-screen .form-select.dark-mode,
.session-analytics-dashboard-screen select,
.session-analytics-dashboard-screen #dateFilter,
.session-analytics-dashboard-screen .kt-datepicker__theme,
.session-analytics-dashboard-screen .base_input {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.session-analytics-dashboard-screen .form-select option,
.session-analytics-dashboard-screen select option,
.session-analytics-dashboard-screen #dateFilter option {
    background: #242424 !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .kt-datepicker__theme::placeholder,
.session-analytics-dashboard-screen .base_input::placeholder {
    color: #bfbfbf !important;
}
/* Date range calendar glyph / arrows readable on dark inputs */
.session-analytics-dashboard-screen .kt-container select,
.session-analytics-dashboard-screen .kt-container input {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .sad-apply-btn,
.session-analytics-dashboard-screen .sad-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.session-analytics-dashboard-screen .sad-apply-btn:hover,
.session-analytics-dashboard-screen .sad-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Zone / Area / tabs: dark idle, white when selected */
.session-analytics-dashboard-screen .sad-toggle-btn,
.session-analytics-dashboard-screen .sad-tab-btn {
    color: #ffffff !important;
    background: #424242 !important;
    background-color: #424242 !important;
    border: 2px solid #424242 !important;
}
.session-analytics-dashboard-screen .sad-toggle-btn:hover,
.session-analytics-dashboard-screen .sad-tab-btn:hover {
    background: #666666 !important;
    border-color: #666666 !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .sad-toggle-btn--active,
.session-analytics-dashboard-screen .sad-tab-btn--active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
.session-analytics-dashboard-screen .sad-toggle-btn--active:hover,
.session-analytics-dashboard-screen .sad-tab-btn--active:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.session-analytics-dashboard-screen .analytics-card,
.session-analytics-dashboard-screen .analytics-card.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .analytics-card p,
.session-analytics-dashboard-screen .analytics-card h4 {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .analytics-card i {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.session-analytics-dashboard-screen .chart-unit {
    background: #424242 !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .chart-no-data {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .report_table,
.session-analytics-dashboard-screen .report_table td,
.session-analytics-dashboard-screen .report_table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.session-analytics-dashboard-screen .report_table thead th,
.session-analytics-dashboard-screen .report_thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.session-analytics-dashboard-screen .report_table tbody tr,
.session-analytics-dashboard-screen .cr-row {
    background: #242424 !important;
    background-color: #242424 !important;
}
.session-analytics-dashboard-screen .report_table tbody tr:hover td,
.session-analytics-dashboard-screen .cr-row:hover td {
    background: #2e2e2e !important;
}
/* Select2 — roles multi-select */
.session-analytics-dashboard-screen .select2-container--default .select2-selection--single,
.session-analytics-dashboard-screen .select2-container--default .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.session-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.session-analytics-dashboard-screen .roles-multiple + .select2-container .select2-selection__rendered,
.session-analytics-dashboard-screen .roles-multiple + .select2-container .select2-search__field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.session-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.session-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .select2-search--inline .select2-search__field {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.session-analytics-dashboard-screen .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
.session-analytics-dashboard-screen .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.session-analytics-dashboard-screen .select2-container--default .select2-results__option[aria-selected=true] {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Bootstrap datepicker popup (appended to body) — month was white-on-white */
body:has(.session-analytics-dashboard-screen) .datepicker {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.session-analytics-dashboard-screen) .datepicker table,
body:has(.session-analytics-dashboard-screen) .datepicker td,
body:has(.session-analytics-dashboard-screen) .datepicker th,
body:has(.session-analytics-dashboard-screen) .datepicker .datepicker-switch,
body:has(.session-analytics-dashboard-screen) .datepicker .prev,
body:has(.session-analytics-dashboard-screen) .datepicker .next,
body:has(.session-analytics-dashboard-screen) .datepicker .dow,
body:has(.session-analytics-dashboard-screen) .datepicker .day {
    color: #ffffff !important;
    background: transparent !important;
}
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.day:hover,
body:has(.session-analytics-dashboard-screen) .datepicker table tr td span:hover,
body:has(.session-analytics-dashboard-screen) .datepicker thead th:hover {
    background: #424242 !important;
    color: #ffffff !important;
}
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.active,
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.active:hover,
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.selected,
body:has(.session-analytics-dashboard-screen) .datepicker table tr td span.active {
    background: #ffffff !important;
    color: #000000 !important;
    text-shadow: none !important;
}
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.old,
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.new {
    color: #888888 !important;
}
body:has(.session-analytics-dashboard-screen) .datepicker table tr td.today {
    background: #424242 !important;
    color: #ffffff !important;
}

/* Daily Assessment Adoption — Slate Noir only */
body:has(.daily-assessment-adoption-screen) {
    background-color: #000000 !important;
}
.daily-assessment-adoption-screen .dark-mode-light-text,
.daily-assessment-adoption-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.daily-assessment-adoption-screen .dashboard-section,
.daily-assessment-adoption-screen .dashboard-section.dark-mode,
.daily-assessment-adoption-screen #chartdiv,
.daily-assessment-adoption-screen .grid-section,
.daily-assessment-adoption-screen .table-responsive.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.daily-assessment-adoption-screen .form-label,
.daily-assessment-adoption-screen .analytics-card__title,
.daily-assessment-adoption-screen .analytics_card_header h3 {
    color: #ffffff !important;
}
.daily-assessment-adoption-screen .form-control,
.daily-assessment-adoption-screen .form-control.dark-mode,
.daily-assessment-adoption-screen #start-date,
.daily-assessment-adoption-screen #end-date {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    /* Dark native calendar popup (Chrome/Safari) */
    color-scheme: dark;
}
.daily-assessment-adoption-screen #start-date::-webkit-calendar-picker-indicator,
.daily-assessment-adoption-screen #end-date::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer;
}
.daily-assessment-adoption-screen .daa-apply-btn,
.daily-assessment-adoption-screen .daa-clear-btn,
.daily-assessment-adoption-screen .daa-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.daily-assessment-adoption-screen .daa-apply-btn:hover,
.daily-assessment-adoption-screen .daa-clear-btn:hover,
.daily-assessment-adoption-screen .daa-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.daily-assessment-adoption-screen #chartUnit {
    background: #424242 !important;
    color: #ffffff !important;
}
.daily-assessment-adoption-screen .table,
.daily-assessment-adoption-screen .table td,
.daily-assessment-adoption-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.daily-assessment-adoption-screen .table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.daily-assessment-adoption-screen .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #242424 !important;
    color: #ffffff !important;
    --bs-table-bg-type: #242424;
}
.daily-assessment-adoption-screen .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #2a2a2a !important;
    color: #ffffff !important;
    --bs-table-bg-type: #2a2a2a;
}
.daily-assessment-adoption-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
}
.daily-assessment-adoption-screen .daa-empty-msg,
.daily-assessment-adoption-screen .text-muted,
.daily-assessment-adoption-screen td .text-muted {
    color: #bfbfbf !important;
}
.daily-assessment-adoption-screen .table strong {
    color: #ffffff !important;
}

/* Zone / Area Wise Dashboard — Slate Noir only */
body:has(.zone-area-wise-dashboard-screen) {
    background-color: #000000 !important;
}
.zone-area-wise-dashboard-screen .dark-mode-light-text,
.zone-area-wise-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen .dashboard-section,
.zone-area-wise-dashboard-screen .dashboard-section.dark-mode,
.zone-area-wise-dashboard-screen #chartdiv,
.zone-area-wise-dashboard-screen .table-responsive.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen .form-label,
.zone-area-wise-dashboard-screen .analytics-card__title,
.zone-area-wise-dashboard-screen .analytics_card_header h3 {
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen .form-select,
.zone-area-wise-dashboard-screen .form-select.dark-mode,
.zone-area-wise-dashboard-screen .form-control,
.zone-area-wise-dashboard-screen .form-control.dark-mode,
.zone-area-wise-dashboard-screen #start-date,
.zone-area-wise-dashboard-screen #end-date,
.zone-area-wise-dashboard-screen #time-period,
.zone-area-wise-dashboard-screen #group-by,
.zone-area-wise-dashboard-screen #time-period-custom,
.zone-area-wise-dashboard-screen #group-by-custom {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
.zone-area-wise-dashboard-screen .form-select option,
.zone-area-wise-dashboard-screen select option {
    background: #242424 !important;
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen #start-date::-webkit-calendar-picker-indicator,
.zone-area-wise-dashboard-screen #end-date::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer;
}
.zone-area-wise-dashboard-screen .zaw-apply-btn,
.zone-area-wise-dashboard-screen .zaw-clear-btn,
.zone-area-wise-dashboard-screen .zaw-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.zone-area-wise-dashboard-screen .zaw-apply-btn:hover,
.zone-area-wise-dashboard-screen .zaw-clear-btn:hover,
.zone-area-wise-dashboard-screen .zaw-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.zone-area-wise-dashboard-screen #chartUnit,
.zone-area-wise-dashboard-screen .zaw-axis-legend {
    background: transparent !important;
    color: #bfbfbf !important;
}
.zone-area-wise-dashboard-screen #chartUnit {
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen .table,
.zone-area-wise-dashboard-screen .table td,
.zone-area-wise-dashboard-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.zone-area-wise-dashboard-screen .table thead th,
.zone-area-wise-dashboard-screen .thead-dark th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.zone-area-wise-dashboard-screen .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #242424 !important;
    color: #ffffff !important;
    --bs-table-bg-type: #242424;
}
.zone-area-wise-dashboard-screen .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #2a2a2a !important;
    color: #ffffff !important;
    --bs-table-bg-type: #2a2a2a;
}
.zone-area-wise-dashboard-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
}
.zone-area-wise-dashboard-screen .text-muted,
.zone-area-wise-dashboard-screen td .text-muted {
    color: #bfbfbf !important;
}
.zone-area-wise-dashboard-screen .table strong {
    color: #ffffff !important;
}
.zone-area-wise-dashboard-screen .zaw-alert {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}

/* Overall Report Dashboard — Slate Noir only */
body:has(.overall-report-dashboard-screen) {
    background-color: #000000 !important;
}
.overall-report-dashboard-screen .dark-mode-light-text,
.overall-report-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.overall-report-dashboard-screen .dashboard-section,
.overall-report-dashboard-screen .dashboard-section.dark-mode,
.overall-report-dashboard-screen .ord-panel,
.overall-report-dashboard-screen .ord-filter-panel,
.overall-report-dashboard-screen .bg-light {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.overall-report-dashboard-screen .form-label,
.overall-report-dashboard-screen .overallreport-card__title,
.overall-report-dashboard-screen .overallreport_card_header h3 {
    color: #ffffff !important;
}
.overall-report-dashboard-screen .form-control,
.overall-report-dashboard-screen .form-control.dark-mode,
.overall-report-dashboard-screen #time-period,
.overall-report-dashboard-screen #start-date,
.overall-report-dashboard-screen #end-date,
.overall-report-dashboard-screen .datepicker {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: light;
}
.overall-report-dashboard-screen .form-control option,
.overall-report-dashboard-screen select option {
    background: #242424 !important;
    color: #ffffff !important;
}
.overall-report-dashboard-screen .form-control::placeholder,
.overall-report-dashboard-screen .datepicker::placeholder {
    color: #bfbfbf !important;
}
.overall-report-dashboard-screen .ord-apply-btn,
.overall-report-dashboard-screen .ord-clear-btn,
.overall-report-dashboard-screen .ord-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.overall-report-dashboard-screen .ord-apply-btn:hover,
.overall-report-dashboard-screen .ord-clear-btn:hover,
.overall-report-dashboard-screen .ord-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.overall-report-dashboard-screen #chartUnit,
.overall-report-dashboard-screen .text-muted {
    color: #bfbfbf !important;
}
.overall-report-dashboard-screen #chartdiv {
    background: transparent !important;
}
.overall-report-dashboard-screen .table,
.overall-report-dashboard-screen .table td,
.overall-report-dashboard-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.overall-report-dashboard-screen .table thead th,
.overall-report-dashboard-screen .thead-dark th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.overall-report-dashboard-screen .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #242424 !important;
    color: #ffffff !important;
    --bs-table-bg-type: #242424;
}
.overall-report-dashboard-screen .table-striped > tbody > tr:nth-of-type(even) > * {
    background: #2a2a2a !important;
    color: #ffffff !important;
    --bs-table-bg-type: #2a2a2a;
}
.overall-report-dashboard-screen .table-hover > tbody > tr:hover > * {
    background: #2e2e2e !important;
    color: #ffffff !important;
    --bs-table-bg-state: #2e2e2e;
}
.overall-report-dashboard-screen .ord-average-row,
.overall-report-dashboard-screen .ord-average-row td {
    background: #3a4a3a !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}
.overall-report-dashboard-screen .ord-alert {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
/* Bootstrap datepicker popup for custom dates */
body:has(.overall-report-dashboard-screen) .datepicker-dropdown,
body:has(.overall-report-dashboard-screen) .datepicker {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table,
body:has(.overall-report-dashboard-screen) .datepicker td,
body:has(.overall-report-dashboard-screen) .datepicker th,
body:has(.overall-report-dashboard-screen) .datepicker .datepicker-switch,
body:has(.overall-report-dashboard-screen) .datepicker .prev,
body:has(.overall-report-dashboard-screen) .datepicker .next,
body:has(.overall-report-dashboard-screen) .datepicker .dow,
body:has(.overall-report-dashboard-screen) .datepicker .day {
    color: #ffffff !important;
    background: transparent !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table tr td.day:hover,
body:has(.overall-report-dashboard-screen) .datepicker thead th:hover {
    background: #424242 !important;
    color: #ffffff !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table tr td.active,
body:has(.overall-report-dashboard-screen) .datepicker table tr td.active:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td.selected {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    text-shadow: none !important;
    border-color: #ffffff !important;
}
/* Month / year picker — kill default blue selected/active */
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year {
    color: #bfbfbf !important;
    background: transparent !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month.focused,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year.focused {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month.active,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month.active:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month.active.focused,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.month.active.focused:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year.active,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year.active:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year.active.focused,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.year.active.focused:hover,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.active,
body:has(.overall-report-dashboard-screen) .datepicker table tr td span.active.active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    text-shadow: none !important;
}
body:has(.overall-report-dashboard-screen) .datepicker table tr td.old,
body:has(.overall-report-dashboard-screen) .datepicker table tr td.new {
    color: #888888 !important;
}

/* Tag Report Dashboard — Slate Noir only */
body:has(.tag-report-dashboard-screen) {
    background-color: #000000 !important;
}
.tag-report-dashboard-screen .dark-mode-light-text,
.tag-report-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.tag-report-dashboard-screen .dashboard-section,
.tag-report-dashboard-screen .dashboard-section.dark-mode,
.tag-report-dashboard-screen .tag-panel,
.tag-report-dashboard-screen .tag-filter-panel,
.tag-report-dashboard-screen .bg-light {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.tag-report-dashboard-screen .form-label,
.tag-report-dashboard-screen .tag_report__title,
.tag-report-dashboard-screen .tag_report_header h3 {
    color: #ffffff !important;
}
.tag-report-dashboard-screen .form-control,
.tag-report-dashboard-screen .form-control.dark-mode,
.tag-report-dashboard-screen .datepicker,
.tag-report-dashboard-screen #start-date,
.tag-report-dashboard-screen #end-date {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
.tag-report-dashboard-screen .form-control::placeholder,
.tag-report-dashboard-screen .datepicker::placeholder {
    color: #bfbfbf !important;
}
.tag-report-dashboard-screen .tag-apply-btn,
.tag-report-dashboard-screen .tag-clear-btn,
.tag-report-dashboard-screen .tag-download-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.tag-report-dashboard-screen .tag-apply-btn:hover,
.tag-report-dashboard-screen .tag-clear-btn:hover,
.tag-report-dashboard-screen .tag-download-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.tag-report-dashboard-screen .pill-btn-group {
    border: 2px solid #666666 !important;
    background: #424242 !important;
}
.tag-report-dashboard-screen .tag-toggle-btn,
.tag-report-dashboard-screen .pill-btn,
.tag-report-dashboard-screen .pill-btn.btn-primary,
.tag-report-dashboard-screen .btn.pill-btn {
    color: #ffffff !important;
    background: #424242 !important;
    background-color: #424242 !important;
    border: none !important;
    box-shadow: none !important;
}
.tag-report-dashboard-screen .tag-toggle-btn--active,
.tag-report-dashboard-screen .pill-btn.active,
.tag-report-dashboard-screen .pill-btn.btn-primary.active,
.tag-report-dashboard-screen .btn.pill-btn.tag-toggle-btn--active {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.tag-report-dashboard-screen .select2-container--default.select2-container--focus .select2-selection--multiple,
.tag-report-dashboard-screen .select2-container--default.select2-container--open .select2-selection--multiple,
.tag-report-dashboard-screen .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #666666 !important;
    box-shadow: none !important;
    outline: none !important;
}
.tag-report-dashboard-screen .tag-empty-msg,
.tag-report-dashboard-screen .tag-axis-legend,
.tag-report-dashboard-screen .text-muted,
.tag-report-dashboard-screen #chartUnit {
    color: #bfbfbf !important;
}
.tag-report-dashboard-screen #chartdiv {
    background: transparent !important;
}
.tag-report-dashboard-screen .table,
.tag-report-dashboard-screen .table td,
.tag-report-dashboard-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.tag-report-dashboard-screen .table thead th,
.tag-report-dashboard-screen .thead-light th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.tag-report-dashboard-screen .tag-qb-header-row th {
    background: #2e2e2e !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.tag-report-dashboard-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
}
/* Select2 */
.tag-report-dashboard-screen .select2-container--default .select2-selection--single,
.tag-report-dashboard-screen .select2-container--default .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.tag-report-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.tag-report-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.tag-report-dashboard-screen .roles-multiple + .select2-container .select2-search__field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.tag-report-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.tag-report-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
}
.tag-report-dashboard-screen .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.tag-report-dashboard-screen .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
.tag-report-dashboard-screen .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.tag-report-dashboard-screen .select2-container--default .select2-results__option[aria-selected=true] {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Datepicker popup — no blue */
body:has(.tag-report-dashboard-screen) .datepicker-dropdown,
body:has(.tag-report-dashboard-screen) .datepicker.datepicker-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.tag-report-dashboard-screen) .datepicker table tr td,
body:has(.tag-report-dashboard-screen) .datepicker table tr th,
body:has(.tag-report-dashboard-screen) .datepicker .datepicker-switch,
body:has(.tag-report-dashboard-screen) .datepicker .day {
    color: #ffffff !important;
    background: transparent !important;
}
body:has(.tag-report-dashboard-screen) .datepicker table tr td.day:hover,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.month:hover,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.year:hover,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.month.focused,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.year.focused {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
body:has(.tag-report-dashboard-screen) .datepicker table tr td.active,
body:has(.tag-report-dashboard-screen) .datepicker table tr td.active:hover,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.month.active,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.year.active,
body:has(.tag-report-dashboard-screen) .datepicker table tr td span.active.active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
    text-shadow: none !important;
}

/* Training Analytics Dashboard — Slate Noir only */
.training-analytics-dashboard-screen .dark-mode-light-text,
.training-analytics-dashboard-screen .poppins-blue.bold {
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .card,
.training-analytics-dashboard-screen .card.dark-mode,
.training-analytics-dashboard-screen .card-body,
.training-analytics-dashboard-screen .card-body.dark-mode,
.training-analytics-dashboard-screen .filter-form {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .card-title,
.training-analytics-dashboard-screen .form-label,
.training-analytics-dashboard-screen .text-muted {
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .tad-generate-btn,
.training-analytics-dashboard-screen .tad-clear-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.training-analytics-dashboard-screen .tad-generate-btn:hover,
.training-analytics-dashboard-screen .tad-clear-btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-selection--single,
.training-analytics-dashboard-screen .select2-container--default .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-selection--single .select2-selection__rendered,
.training-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.training-analytics-dashboard-screen .select2-container--default .select2-selection--single .select2-selection__placeholder,
.training-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-selection__placeholder,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-selection__placeholder,
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-selection__rendered,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-selection__rendered,
.training-analytics-dashboard-screen .lp-multiple ~ .select2-container .select2-selection__rendered li,
.training-analytics-dashboard-screen .employee-role-multiple ~ .select2-container .select2-selection__rendered li {
    color: #ffffff !important;
}
/* Multi-select empty placeholder lives on the search input */
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-search__field,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-search__field,
.training-analytics-dashboard-screen .lp-multiple ~ .select2-container input.select2-search__field,
.training-analytics-dashboard-screen .employee-role-multiple ~ .select2-container input.select2-search__field,
.training-analytics-dashboard-screen #lpFilter + .select2-container .select2-search__field,
.training-analytics-dashboard-screen #employeeRoleFilter + .select2-container .select2-search__field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen .lp-multiple ~ .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen .employee-role-multiple ~ .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen #lpFilter + .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen #employeeRoleFilter + .select2-container .select2-search__field::placeholder,
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-search__field::-webkit-input-placeholder,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-search__field::-webkit-input-placeholder,
.training-analytics-dashboard-screen .lp-multiple + .select2-container .select2-search__field::-moz-placeholder,
.training-analytics-dashboard-screen .employee-role-multiple + .select2-container .select2-search__field::-moz-placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default.select2-container--focus .select2-selection--single,
.training-analytics-dashboard-screen .select2-container--default.select2-container--focus .select2-selection--multiple,
.training-analytics-dashboard-screen .select2-container--default.select2-container--open .select2-selection--single,
.training-analytics-dashboard-screen .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #666666 !important;
    box-shadow: none !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-search--inline .select2-search__field,
.training-analytics-dashboard-screen input.select2-search__field {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    min-width: 200px !important;
    width: auto !important;
}
/* Select2 dropdown panel (parented inside screen) — no blue hover */
.training-analytics-dashboard-screen .select2-dropdown {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-search--dropdown {
    background: #242424 !important;
    border-bottom: 1px solid #424242 !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #666666 !important;
    box-shadow: none !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-results__option--highlighted,
.training-analytics-dashboard-screen .select2-container--default .select2-results__option--highlighted[aria-selected],
.training-analytics-dashboard-screen .select2-container--default .select2-results__option--highlighted[aria-selected=true],
.training-analytics-dashboard-screen .select2-container--default .select2-results__option--highlighted[aria-selected=false] {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-results__option[aria-selected=true] {
    background: #333333 !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-results__option[aria-selected=true]::before {
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .select2-container--default .select2-results__message {
    color: #bfbfbf !important;
}
.training-analytics-dashboard-screen .select2-selection__clear {
    color: #ffffff !important;
}
.training-analytics-dashboard-screen #chartdiv {
    background: #242424 !important;
    background-color: #242424 !important;
}
.training-analytics-dashboard-screen .table,
.training-analytics-dashboard-screen .table td,
.training-analytics-dashboard-screen .table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.training-analytics-dashboard-screen .table thead.thead-light,
.training-analytics-dashboard-screen .table thead.thead-light th,
.training-analytics-dashboard-screen .table thead th {
    background: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.training-analytics-dashboard-screen .tbody-light,
.training-analytics-dashboard-screen .tbody-light td {
    background: #424242 !important;
    color: #ffffff !important;
}
.training-analytics-dashboard-screen .table tbody tr:hover,
.training-analytics-dashboard-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
}
.training-analytics-dashboard-screen .tad-download-link,
.training-analytics-dashboard-screen .button-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 4px 14px !important;
    display: inline-block !important;
    text-decoration: none !important;
}
.training-analytics-dashboard-screen .tad-download-link:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* My Learning Path Report — Slate Noir only (.my-learning-path-report-screen); other themes untouched */
.my-learning-path-report-screen .piechart-container,
.my-learning-path-report-screen .piechart-container.dark-mode,
.my-learning-path-report-screen .chromium-container.piechart-container {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.my-learning-path-report-screen .piechart-container .nv-legend-text,
.my-learning-path-report-screen .piechart-container text,
.my-learning-path-report-screen #chart text {
    fill: #ffffff !important;
    color: #ffffff !important;
}
/*
  NVD3 .nvtooltip is appended to body (white bg). Theme rules make h3 use --color (#fff)
  and p use --text-color (#bfbfbf), so % values disappear. Force dark text for contrast.
*/
body:has(.my-learning-path-report-screen) .nvtooltip,
body:has(.my-learning-path-report-screen) .nvtooltip h3,
body:has(.my-learning-path-report-screen) .nvtooltip p,
body:has(.my-learning-path-report-screen) .nvtooltip span,
body:has(.my-learning-path-report-screen) .nvtooltip td,
body:has(.my-learning-path-report-screen) .nvtooltip .key,
body:has(.my-learning-path-report-screen) .nvtooltip .value {
    color: #000000 !important;
}
.my-learning-path-report-screen .action-container,
.my-learning-path-report-screen .action-container.dark-mode,
.my-learning-path-report-screen .filter-container,
.my-learning-path-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.my-learning-path-report-screen .filter-container .filter,
.my-learning-path-report-screen .filter-container .clear,
.my-learning-path-report-screen .filter-container .download,
.my-learning-path-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-learning-path-report-screen .filter-container .filter:hover,
.my-learning-path-report-screen .filter-container .clear:hover,
.my-learning-path-report-screen .filter-container .download:hover,
.my-learning-path-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-learning-path-report-screen .filter-container .filter::before,
.my-learning-path-report-screen .filter-container .clear::before,
.my-learning-path-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.my-learning-path-report-screen .be-report-table-shell,
.my-learning-path-report-screen .training-history-grid-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.my-learning-path-report-screen .report_thead,
.my-learning-path-report-screen .report_thead.dark-mode,
.my-learning-path-report-screen .report_thead th,
.my-learning-path-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.my-learning-path-report-screen .grid-container .grid-row,
.my-learning-path-report-screen .grid-row,
.my-learning-path-report-screen .grid-row.dark-mode,
.my-learning-path-report-screen .grid-row td,
.my-learning-path-report-screen .grid-row.dark-mode td,
.my-learning-path-report-screen .be-report-table tbody tr,
.my-learning-path-report-screen .be-report-table tbody td,
.my-learning-path-report-screen .grid-row td span,
.my-learning-path-report-screen .grid-row .lp-name-cell {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.my-learning-path-report-screen .grid-row td a:not(.btn-floating) {
    color: #ffffff !important;
}
.my-learning-path-report-screen .grid-row td a.btn-floating,
.my-learning-path-report-screen .grid-row td a.btn-floating.white {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* Desktop: report icons white, no chip background */
.my-learning-path-report-screen .grid-row td a i,
.my-learning-path-report-screen .grid-row .blue-text {
    color: #ffffff !important;
}
/* Mobile card action icons — white on dark cards */
.my-learning-path-report-screen .mobile__li-item2 a,
.my-learning-path-report-screen .mobile__li-item2 a i,
.my-learning-path-report-screen .mobile__li-item2 .blue-text,
.my-learning-path-report-screen .mobile__li-item2 .fa {
    color: #ffffff !important;
}
.my-learning-path-report-screen .mobile__li-item2 a.btn-floating,
.my-learning-path-report-screen .mobile__li-item2 a.btn-floating.white {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* Completion status pill — keep light bg, force black text */
.my-learning-path-report-screen .training-history-mobile-status {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
.my-learning-path-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.my-learning-path-report-screen .mbl_card_list_item,
.my-learning-path-report-screen .mobile__li-item {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.my-learning-path-report-screen .mobile__li-item-name,
.my-learning-path-report-screen .mbl_card_list_item__timeline span {
    color: #ffffff !important;
}
/* My Certificates — Slate Noir only (.my-certificate-report-screen) */
.my-certificate-report-screen .search-container input,
.my-certificate-report-screen #report_search,
.my-certificate-report-screen #report_search.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.my-certificate-report-screen #report_search::placeholder {
    color: #888888 !important;
}
.my-certificate-report-screen .search-container .flaticon-search,
.my-certificate-report-screen .mobileSearch .flaticon-search {
    color: #bfbfbf !important;
}
.my-certificate-report-screen .mobileSearch .clear,
.my-certificate-report-screen .mobileSearch .clear.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.my-certificate-report-screen .mobileSearch .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-certificate-report-screen .mbl_card_list_item,
.my-certificate-report-screen .mbl_card_list_item.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.my-certificate-report-screen .mbl_card_list_item__content h1,
.my-certificate-report-screen .mbl_card_list_item__timeline,
.my-certificate-report-screen .mbl_card_list_item__timeline span {
    color: #ffffff !important;
}
.my-certificate-report-screen .training-icon {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.my-certificate-report-screen .training-icon svg {
    color: #ffffff !important;
}
.my-certificate-report-screen .download,
.my-certificate-report-screen .download.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-certificate-report-screen .download:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* My Assessment Report — Slate Noir only (.my-assessment-report-screen); other themes untouched */
.my-assessment-report-screen .action-container,
.my-assessment-report-screen .action-container.dark-mode,
.my-assessment-report-screen .filter-container,
.my-assessment-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.my-assessment-report-screen .action-container {
    margin-bottom: 1.5rem !important;
}
.my-assessment-report-screen .filter-container .filter,
.my-assessment-report-screen .filter-container .clear,
.my-assessment-report-screen .filter-container .download,
.my-assessment-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-assessment-report-screen .filter-container .filter:hover,
.my-assessment-report-screen .filter-container .clear:hover,
.my-assessment-report-screen .filter-container .download:hover,
.my-assessment-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-assessment-report-screen .filter-container .filter::before,
.my-assessment-report-screen .filter-container .clear::before,
.my-assessment-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.my-assessment-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.my-assessment-report-screen .report_thead,
.my-assessment-report-screen .report_thead.dark-mode,
.my-assessment-report-screen .report_thead th,
.my-assessment-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.my-assessment-report-screen .grid-container .grid-row,
.my-assessment-report-screen .grid-row,
.my-assessment-report-screen .grid-row.dark-mode,
.my-assessment-report-screen .grid-row td,
.my-assessment-report-screen .grid-row.dark-mode td,
.my-assessment-report-screen .be-report-table tbody tr,
.my-assessment-report-screen .be-report-table tbody td,
.my-assessment-report-screen .grid-row td span,
.my-assessment-report-screen .grid-row td p {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.my-assessment-report-screen .grid-row td a:not(.btn-floating) {
    color: #ffffff !important;
}
.my-assessment-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
/* Course Report list (admin/trainer) — dark cards like assessment-report-list-screen */
.course-report-list-screen .desktop_card_grid .cr-row,
.course-report-list-screen .desktop_card_grid .cr-row.dark-mode,
.course-report-list-screen .desktop_card_grid .cr-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.course-report-list-screen .training-icon,
.course-report-list-screen .training-icon.training-icon-bgc {
    background: #424242 !important;
    background-color: #424242 !important;
}
.course-report-list-screen .poppins-dt,
.course-report-list-screen .mini-date,
.course-report-list-screen .cr-row.dark-mode .poppins-dt,
.course-report-list-screen .cr-row.dark-mode .mini-date,
.course-report-list-screen .cr-row.dark-mode td span:not(.kt-nav__link-text) {
    color: #ffffff !important;
}
.course-report-list-screen .bullets {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: none !important;
}
.course-report-list-screen .card-icons,
.course-report-list-screen .mini-date img {
    /* SVG fill is #ddd — plain invert() makes it dark; force white */
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}
/* Options ⋮ — white pill + black icon (default + hover) */
.course-report-list-screen .btn.btn-clean,
.course-report-list-screen .btn.btn-clean.btn-icon,
.course-report-list-screen .btn.btn-clean.btn-sm,
.course-report-list-screen .btn.btn-icon,
.course-report-list-screen .show > .btn.btn-clean,
.course-report-list-screen .btn.btn-clean.active,
.course-report-list-screen .btn.btn-clean:active,
.course-report-list-screen .btn.btn-clean:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.course-report-list-screen .btn.btn-clean i,
.course-report-list-screen .btn.btn-clean.btn-icon i,
.course-report-list-screen .btn.btn-icon i,
.course-report-list-screen .flaticon-more-1,
.course-report-list-screen .flaticon-more-1:before,
.course-report-list-screen .show > .btn.btn-clean i,
.course-report-list-screen .btn.btn-clean:hover i,
.course-report-list-screen .btn.btn-clean.active i,
.course-report-list-screen .btn.btn-clean:hover .flaticon-more-1,
.course-report-list-screen .btn.btn-clean:hover .flaticon-more-1:before {
    color: #000000 !important;
}
.course-report-list-screen .btn.btn-clean:hover,
.course-report-list-screen .show > .btn.btn-clean {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.course-report-list-screen .action-container.dark-mode,
.course-report-list-screen .filter-container.dark-mode {
    background: transparent !important;
}
.course-report-list-screen .filter-container,
.course-report-list-screen .filter-container.dark-mode {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
.course-report-list-screen .filter-course__input.dark-mode,
.course-report-list-screen #report_search.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.course-report-list-screen .search__btn.dark-mode-bg-white,
.course-report-list-screen #downloadButton.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
/* Course list Options — flat rows (beat global .cr-row a.kt-nav__link { border-radius:999px }) */
.course-report-list-screen .dropdown-menu,
.course-report-list-screen .dropdown-menu.action-bar-dropdown,
.course-report-list-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.course-report-list-screen .cr-row .dropdown-menu .kt-nav__item > a.kt-nav__link,
.course-report-list-screen .dropdown-menu .kt-nav__item > a.kt-nav__link,
.course-report-list-screen .dropdown-menu .kt-nav__link,
.course-report-list-screen .dropdown-menu .kt-nav__link:focus,
.course-report-list-screen .dropdown-menu .kt-nav__link:active,
.course-report-list-screen .dropdown-menu .kt-nav__link:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    padding: 0.5rem 1rem !important;
}
.course-report-list-screen .dropdown-menu .kt-nav__link-text,
.course-report-list-screen .dropdown-menu .kt-nav__link-icon {
    color: #000000 !important;
}
.course-report-list-screen .cr-row .dropdown-menu .kt-nav__item:hover > a.kt-nav__link,
.course-report-list-screen .dropdown-menu .kt-nav__item:hover > a.kt-nav__link,
.course-report-list-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-radius: 0 !important;
}

/* My Course Report — Slate Noir only (.my-course-report-screen); other themes untouched */
.my-course-report-screen .action-container,
.my-course-report-screen .action-container.dark-mode,
.my-course-report-screen .filter-container,
.my-course-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.my-course-report-screen .action-container {
    margin-bottom: 1.5rem !important;
}
.my-course-report-screen .filter-container .filter,
.my-course-report-screen .filter-container .clear,
.my-course-report-screen .filter-container .download,
.my-course-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-course-report-screen .filter-container .filter:hover,
.my-course-report-screen .filter-container .clear:hover,
.my-course-report-screen .filter-container .download:hover,
.my-course-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-course-report-screen .filter-container .filter::before,
.my-course-report-screen .filter-container .clear::before,
.my-course-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.my-course-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.my-course-report-screen .report_thead,
.my-course-report-screen .report_thead.dark-mode,
.my-course-report-screen .report_thead th,
.my-course-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.my-course-report-screen .grid-container .grid-row,
.my-course-report-screen .grid-row,
.my-course-report-screen .grid-row.dark-mode,
.my-course-report-screen .grid-row td,
.my-course-report-screen .grid-row.dark-mode td,
.my-course-report-screen .be-report-table tbody tr,
.my-course-report-screen .be-report-table tbody td,
.my-course-report-screen .grid-row td span,
.my-course-report-screen .grid-row td p,
.my-course-report-screen .grid-row .course-name-cell {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.my-course-report-screen .grid-row td a:not(.btn-floating) {
    color: #ffffff !important;
}
.my-course-report-screen .grid-row td.fixed-col .btn-clean,
.my-course-report-screen .grid-row td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.my-course-report-screen .dropdown-menu,
.my-course-report-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
}
.my-course-report-screen .dropdown-menu .kt-nav__link,
.my-course-report-screen .dropdown-menu .kt-nav__link-text {
    color: #000000 !important;
}
.my-course-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
/* My Classroom Report — Slate Noir only (.my-classroom-report-screen); other themes untouched */
.my-classroom-report-screen .classroom-report-toolbar {
    margin-bottom: 1.5rem !important;
}
.my-classroom-report-screen #id_my_classroom_search,
.my-classroom-report-screen .search-filter__input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.my-classroom-report-screen #id_my_classroom_search::placeholder,
.my-classroom-report-screen .search-filter__input.dark-mode::placeholder {
    color: #888888 !important;
}
.my-classroom-report-screen .classroom-report-search .search-icon {
    color: #bfbfbf !important;
}
.my-classroom-report-screen .action-container,
.my-classroom-report-screen .action-container.dark-mode,
.my-classroom-report-screen .filter-container,
.my-classroom-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.my-classroom-report-screen .filter-container .filter,
.my-classroom-report-screen .filter-container .clear,
.my-classroom-report-screen .filter-container .download,
.my-classroom-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-classroom-report-screen .filter-container .filter:hover,
.my-classroom-report-screen .filter-container .clear:hover,
.my-classroom-report-screen .filter-container .download:hover,
.my-classroom-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-classroom-report-screen .filter-container .filter::before,
.my-classroom-report-screen .filter-container .clear::before,
.my-classroom-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.my-classroom-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.my-classroom-report-screen .report_thead,
.my-classroom-report-screen .report_thead.dark-mode,
.my-classroom-report-screen .report_thead th,
.my-classroom-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.my-classroom-report-screen .grid-container .grid-row,
.my-classroom-report-screen .grid-row,
.my-classroom-report-screen .grid-row.dark-mode,
.my-classroom-report-screen .grid-row td,
.my-classroom-report-screen .grid-row.dark-mode td,
.my-classroom-report-screen .be-report-table tbody tr,
.my-classroom-report-screen .be-report-table tbody td,
.my-classroom-report-screen .grid-row td span,
.my-classroom-report-screen .grid-row td p {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.my-classroom-report-screen .grid-row td a:not(.btn-floating),
.my-classroom-report-screen .grid-row td a i {
    color: #ffffff !important;
}
.my-classroom-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.my-classroom-report-screen #recordingsModal .modal-content.dark-mode,
.my-classroom-report-screen #recordingsModal .kt-portlet.dark-mode {
    background: #242424 !important;
    border-color: #424242 !important;
}
.my-classroom-report-screen #recordingsModal .kt-widget4__username,
.my-classroom-report-screen #recordingsModal .kt-widget4__text {
    color: #ffffff !important;
}

/* Classroom Report (/classroom/report) — list, detail sidenav, filter + bulk upload */
.classroom-report-screen .poppins-blue.title-fw,
.classroom-report-screen > .container .poppins-blue {
    color: #ffffff !important;
}
.classroom-report-screen .classroom-report-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
.classroom-report-screen .classroom-report-toolbar > form,
.classroom-report-screen .classroom-report-toolbar > button {
    margin-left: 0 !important;
}
.classroom-report-screen #id_classroom_search {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.classroom-report-screen #id_classroom_search::placeholder {
    color: #888888 !important;
}
.classroom-report-screen #downloadButton,
.classroom-report-screen #id_clear_classroom_search,
.classroom-report-screen #id_upload_attendance_button,
.classroom-report-screen .attendance-bulk-action,
.classroom-report-screen .download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.classroom-report-screen #downloadButton:hover,
.classroom-report-screen #id_clear_classroom_search:hover,
.classroom-report-screen #id_upload_attendance_button:hover,
.classroom-report-screen .attendance-bulk-action:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.classroom-report-screen #id_clear_classroom_search span {
    color: #000000 !important;
}
.classroom-report-screen .tableCustom .cr-row,
.classroom-report-screen .tableCustom .cr-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.classroom-report-screen .tableCustom .cr-row:hover {
    box-shadow: none !important;
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.classroom-report-screen .poppins-dt,
.classroom-report-screen .mini-date,
.classroom-report-screen .kt-widget14__stat,
.classroom-report-screen .kt-widget14__stats,
.classroom-report-screen .kt-widget14__legend,
.classroom-report-screen .kt-widget14__legends,
.classroom-report-screen .customSpan_2 {
    color: #ffffff !important;
}
.classroom-report-screen .training-icon {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
}
.classroom-report-screen .action-button,
.classroom-report-screen .action-button span {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.classroom-report-screen .action-button:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.classroom-report-screen .pCustom,
.classroom-report-screen .pCustom_1 {
    color: #bfbfbf !important;
}

/* Detail sidenav — attendance marking */
.classroom-report-detail-sidenav.sidenav,
.classroom-report-detail-sidenav .sideReportDiv,
.classroom-report-detail-sidenav .kt-portlet,
.classroom-report-detail-sidenav .kt-portlet__body,
.classroom-report-detail-sidenav .sideReportBody {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.classroom-report-detail-sidenav .customSpan_6,
.classroom-report-detail-sidenav .customSpan_7,
.classroom-report-detail-sidenav .sideReportSpan_2,
.classroom-report-detail-sidenav .progressBoardSpan,
.classroom-report-detail-sidenav .progressBoardSpan_1,
.classroom-report-detail-sidenav .progressBoardSpan_3,
.classroom-report-detail-sidenav .progressBoardSpan_4,
.classroom-report-detail-sidenav .poppins-md--14,
.classroom-report-detail-sidenav .poppins-mt,
.classroom-report-detail-sidenav .table th,
.classroom-report-detail-sidenav .table td,
.classroom-report-detail-sidenav .table label,
.classroom-report-detail-sidenav .uhhuh-para,
.classroom-report-detail-sidenav .no-item-para,
.classroom-report-detail-sidenav .grid-empty p,
.classroom-report-detail-sidenav .poppins-blue {
    color: #ffffff !important;
}
.classroom-report-detail-sidenav .sideReportSpan_2 {
    color: #ffffff !important;
}
.classroom-report-detail-sidenav .sideReportImage {
    filter: invert(1);
}
.classroom-report-detail-sidenav .alertCustom.alert-warning {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.classroom-report-detail-sidenav .alertCustom .alert-text,
.classroom-report-detail-sidenav .alertCustom b {
    color: #ffffff !important;
}
.classroom-report-detail-sidenav .progressBoardDiv_2 {
    border-right-color: #424242 !important;
}
.classroom-report-detail-sidenav .chromium-button--outline-info,
.classroom-report-detail-sidenav .chromium-button--outline-secondary,
.classroom-report-detail-sidenav .chromium-button--info,
.classroom-report-detail-sidenav #downloadButton.download,
.classroom-report-detail-sidenav .download.chromium-button--outline-info,
.classroom-report-detail-sidenav .btn.btn-primary,
.classroom-report-detail-sidenav .action-button,
.classroom-report-detail-sidenav .action-button span {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.classroom-report-detail-sidenav .chromium-button--outline-info:hover,
.classroom-report-detail-sidenav .chromium-button--outline-secondary:hover,
.classroom-report-detail-sidenav .chromium-button--info:hover,
.classroom-report-detail-sidenav #downloadButton.download:hover,
.classroom-report-detail-sidenav .btn.btn-primary:hover,
.classroom-report-detail-sidenav .action-button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.classroom-report-detail-sidenav .chromium-button--outline-info i,
.classroom-report-detail-sidenav .chromium-button--outline-info .fa-filter,
.classroom-report-detail-sidenav .chromium-button--outline-secondary i {
    color: #000000 !important;
}
.classroom-report-detail-sidenav .d-flex.align-items-center,
.classroom-report-detail-sidenav .row.mx-auto.justify-content-between {
    gap: 0.75rem !important;
}
.classroom-report-detail-sidenav .userGridTd {
    gap: 0.75rem !important;
}
.classroom-report-detail-sidenav .table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.classroom-report-detail-sidenav .table tbody tr,
.classroom-report-detail-sidenav .table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.classroom-report-detail-sidenav .poppins-blue.customSpan_3 {
    color: #ffffff !important;
}

/* Bulk upload + filter sidenavs */
body:has(.classroom-report-screen) #attendanceFormSideNav.sidenav,
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--header,
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--body,
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--body-content,
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--body-content_container,
body:has(.classroom-report-screen) #classroomReportFilterSideNav.sidenav,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--header,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--body,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--body-content,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--header p,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--header p,
body:has(.classroom-report-screen) #classroomReportFilterSideNav h1,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav-form--input p,
body:has(.classroom-report-screen) #attendanceFormSideNav .collapsible-container--header p,
body:has(.classroom-report-screen) #attendanceFormSideNav h1,
body:has(.classroom-report-screen) #attendanceFormSideNav .upload-container ul,
body:has(.classroom-report-screen) #attendanceFormSideNav #downloadSampleFile {
    color: #ffffff !important;
}
body:has(.classroom-report-screen) #attendanceFormSideNav .sidenav--header p img,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
body:has(.classroom-report-screen) #attendanceFormSideNav .collapsible-container,
body:has(.classroom-report-screen) #attendanceFormSideNav .collapsible-container--body,
body:has(.classroom-report-screen) #attendanceFormSideNav .collapsible-container--header {
    background: #242424 !important;
    border-color: #424242 !important;
}
body:has(.classroom-report-screen) #attendanceFormSideNav .dropzone,
body:has(.classroom-report-screen) #attendanceFormSideNav #sidenav_dropzone,
body:has(.classroom-report-screen) #classroomReportFilterSideNav input,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .form-control,
body:has(.classroom-report-screen) #classroomReportFilterSideNav .w-100 {
    background: #242424!important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.classroom-report-screen) #attendanceFormSideNav .dropzone .dropzone-msg-title,
body:has(.classroom-report-screen) #attendanceFormSideNav .dropzone .fa-upload,
body:has(.classroom-report-screen) #classroomReportFilterSideNav input::placeholder {
    color: #bfbfbf !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .sidenav-form--input > button,
body:has(.classroom-report-screen) #classroomReportFilterSideNav button.ml-auto,
body:has(.classroom-report-screen) #classroomReportFilterSideNav button:not(.kt-switch) {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .poppins-blue.customSpan_3 {
    color: #ffffff !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .kt-switch input:empty ~ span:before {
    background-color: #424242 !important;
    border-color: #666666 !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
body:has(.classroom-report-screen) #classroomReportFilterSideNav .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
}

/* My Video Report — Slate Noir only (.my-video-report-screen); other themes untouched */
.my-video-report-screen .action-container,
.my-video-report-screen .action-container.dark-mode,
.my-video-report-screen .filter-container,
.my-video-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.my-video-report-screen .action-container {
    margin-bottom: 1.5rem !important;
}
.my-video-report-screen .filter-container .filter,
.my-video-report-screen .filter-container .clear,
.my-video-report-screen .filter-container .download,
.my-video-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.my-video-report-screen .filter-container .filter:hover,
.my-video-report-screen .filter-container .clear:hover,
.my-video-report-screen .filter-container .download:hover,
.my-video-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-video-report-screen .filter-container .filter::before,
.my-video-report-screen .filter-container .clear::before,
.my-video-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.my-video-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.my-video-report-screen .report_thead,
.my-video-report-screen .report_thead.dark-mode,
.my-video-report-screen .report_thead th,
.my-video-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.my-video-report-screen .grid-container .grid-row,
.my-video-report-screen .grid-row,
.my-video-report-screen .grid-row.dark-mode,
.my-video-report-screen .grid-row td,
.my-video-report-screen .grid-row.dark-mode td,
.my-video-report-screen .be-report-table tbody tr,
.my-video-report-screen .be-report-table tbody td,
.my-video-report-screen .grid-row td span,
.my-video-report-screen .grid-row td p {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.my-video-report-screen .grid-row td a:not(.btn-floating) {
    color: #ffffff !important;
}
.my-video-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
/* Shared generic report screens (attendance, learningpath, login, …) — Slate Noir only */
.attendance-report-screen .report-toolbar,
.learningpath-report-screen .report-toolbar, .learningpaths-report-screen .report-toolbar,
.login-report-screen .report-toolbar {
    margin-bottom: 1.5rem !important;
}
.attendance-report-screen #report_search,
.attendance-report-screen .search-filter__input.dark-mode,
.learningpath-report-screen #report_search, .learningpaths-report-screen #report_search,
.learningpath-report-screen .search-filter__input.dark-mode, .learningpaths-report-screen .search-filter__input.dark-mode,
.login-report-screen #report_search,
.login-report-screen .search-filter__input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.attendance-report-screen #report_search::placeholder,
.attendance-report-screen .search-filter__input.dark-mode::placeholder,
.learningpath-report-screen #report_search::placeholder, .learningpaths-report-screen #report_search::placeholder,
.learningpath-report-screen .search-filter__input.dark-mode::placeholder, .learningpaths-report-screen .search-filter__input.dark-mode::placeholder,
.login-report-screen #report_search::placeholder,
.login-report-screen .search-filter__input.dark-mode::placeholder {
    color: #888888 !important;
}
.attendance-report-screen .report-toolbar__search .search-icon,
.learningpath-report-screen .report-toolbar__search .search-icon, .learningpaths-report-screen .report-toolbar__search .search-icon,
.login-report-screen .report-toolbar__search .search-icon {
    color: #bfbfbf !important;
}
.attendance-report-screen .filter-container,
.attendance-report-screen .filter-container.dark-mode,
.learningpath-report-screen .filter-container, .learningpaths-report-screen .filter-container,
.learningpath-report-screen .filter-container.dark-mode, .learningpaths-report-screen .filter-container.dark-mode,
.login-report-screen .filter-container,
.login-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.attendance-report-screen .filter-container .filter,
.attendance-report-screen .btn-clear__filter,
.attendance-report-screen .btn-download,
.attendance-report-screen #downloadButton,
.attendance-report-screen .download.btn-download,
.learningpath-report-screen .filter-container .filter, .learningpaths-report-screen .filter-container .filter,
.learningpath-report-screen .btn-clear__filter, .learningpaths-report-screen .btn-clear__filter,
.learningpath-report-screen .btn-download, .learningpaths-report-screen .btn-download,
.learningpath-report-screen #downloadButton, .learningpaths-report-screen #downloadButton,
.learningpath-report-screen .download.btn-download, .learningpaths-report-screen .download.btn-download,
.login-report-screen .filter-container .filter,
.login-report-screen .btn-clear__filter,
.login-report-screen .btn-download,
.login-report-screen #downloadButton,
.login-report-screen .download.btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.attendance-report-screen .filter-container .filter:hover,
.attendance-report-screen .btn-clear__filter:hover,
.attendance-report-screen .btn-download:hover,
.attendance-report-screen #downloadButton:hover,
.learningpath-report-screen .filter-container .filter:hover, .learningpaths-report-screen .filter-container .filter:hover,
.learningpath-report-screen .btn-clear__filter:hover, .learningpaths-report-screen .btn-clear__filter:hover,
.learningpath-report-screen .btn-download:hover, .learningpaths-report-screen .btn-download:hover,
.learningpath-report-screen #downloadButton:hover, .learningpaths-report-screen #downloadButton:hover,
.login-report-screen .filter-container .filter:hover,
.login-report-screen .btn-clear__filter:hover,
.login-report-screen .btn-download:hover,
.login-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.attendance-report-screen .filter-container .filter::before,
.attendance-report-screen .btn-download::before,
.attendance-report-screen .download::before,
.learningpath-report-screen .filter-container .filter::before, .learningpaths-report-screen .filter-container .filter::before,
.learningpath-report-screen .btn-download::before, .learningpaths-report-screen .btn-download::before,
.learningpath-report-screen .download::before, .learningpaths-report-screen .download::before,
.login-report-screen .filter-container .filter::before,
.login-report-screen .btn-download::before,
.login-report-screen .download::before {
    color: #000000 !important;
}
.attendance-report-screen .btn-clear__filter-text,
.learningpath-report-screen .btn-clear__filter-text, .learningpaths-report-screen .btn-clear__filter-text,
.login-report-screen .btn-clear__filter-text {
    color: #000000 !important;
}
.attendance-report-screen .be-report-table-shell,
.learningpath-report-screen .be-report-table-shell, .learningpaths-report-screen .be-report-table-shell,
.login-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    margin-top: 0 !important;
}
.attendance-report-screen .report_thead,
.attendance-report-screen .report_thead.dark-mode,
.attendance-report-screen .report_thead th,
.attendance-report-screen .be-report-table thead th,
.learningpath-report-screen .report_thead, .learningpaths-report-screen .report_thead,
.learningpath-report-screen .report_thead.dark-mode, .learningpaths-report-screen .report_thead.dark-mode,
.learningpath-report-screen .report_thead th, .learningpaths-report-screen .report_thead th,
.learningpath-report-screen .be-report-table thead th, .learningpaths-report-screen .be-report-table thead th,
.login-report-screen .report_thead,
.login-report-screen .report_thead.dark-mode,
.login-report-screen .report_thead th,
.login-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.attendance-report-screen .cr-row,
.attendance-report-screen .cr-row.dark-mode,
.attendance-report-screen .cr-row td,
.attendance-report-screen .cr-row.dark-mode td,
.attendance-report-screen .be-report-table tbody tr,
.attendance-report-screen .be-report-table tbody td,
.attendance-report-screen .cr-row td span,
.attendance-report-screen .cr-row td a,
.attendance-report-screen .cr-row td p,
.learningpath-report-screen .cr-row, .learningpaths-report-screen .cr-row,
.learningpath-report-screen .cr-row.dark-mode, .learningpaths-report-screen .cr-row.dark-mode,
.learningpath-report-screen .cr-row td, .learningpaths-report-screen .cr-row td,
.learningpath-report-screen .cr-row.dark-mode td, .learningpaths-report-screen .cr-row.dark-mode td,
.learningpath-report-screen .be-report-table tbody tr, .learningpaths-report-screen .be-report-table tbody tr,
.learningpath-report-screen .be-report-table tbody td, .learningpaths-report-screen .be-report-table tbody td,
.learningpath-report-screen .cr-row td span, .learningpaths-report-screen .cr-row td span,
.learningpath-report-screen .cr-row td a, .learningpaths-report-screen .cr-row td a,
.learningpath-report-screen .cr-row td p, .learningpaths-report-screen .cr-row td p,
.login-report-screen .cr-row,
.login-report-screen .cr-row.dark-mode,
.login-report-screen .cr-row td,
.login-report-screen .cr-row.dark-mode td,
.login-report-screen .be-report-table tbody tr,
.login-report-screen .be-report-table tbody td,
.login-report-screen .cr-row td span,
.login-report-screen .cr-row td a,
.login-report-screen .cr-row td p {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.attendance-report-screen .cr-row td a i,
.learningpath-report-screen .cr-row td a i, .learningpaths-report-screen .cr-row td a i,
.login-report-screen .cr-row td a i {
    color: #ffffff !important;
}
.attendance-report-screen .be-report-table tbody td,
.learningpath-report-screen .be-report-table tbody td, .learningpaths-report-screen .be-report-table tbody td,
.login-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
/* Attendance — Classroom Details modal (appended to body; no .dark-mode on content) */
body:has(.attendance-report-screen) #viewModal .modal-content,
.attendance-classroom-details-modal .modal-content,
.attendance-classroom-details-modal .modal-content__border {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
body:has(.attendance-report-screen) #viewModal .modal-header,
.attendance-classroom-details-modal .modal-header,
.attendance-classroom-details-modal .modal-header__border {
    background: #242424 !important;
    background-color: #242424 !important;
    border-bottom-color: #424242 !important;
}
body:has(.attendance-report-screen) #viewModal .modal-header .poppins-blue,
body:has(.attendance-report-screen) #viewModal .poppins-dt,
body:has(.attendance-report-screen) #viewModal p,
body:has(.attendance-report-screen) #viewModal a,
body:has(.attendance-report-screen) #viewModal .la-remove,
.attendance-classroom-details-modal .poppins-blue,
.attendance-classroom-details-modal .poppins-dt,
.attendance-classroom-details-modal p,
.attendance-classroom-details-modal a,
.attendance-classroom-details-modal .la-remove {
    color: #ffffff !important;
}
body:has(.attendance-report-screen) #viewModal .btn.btn-pill,
.attendance-classroom-details-modal .btn.btn-pill,
.attendance-classroom-details-modal .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Nominated Users (/classroom/users) — dark card, visible tabs, readable table */
.nominated-users-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.nominated-users-screen .create_box {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.nominated-users-screen .nav-tabs {
    border-bottom: 1px solid #424242 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}
.nominated-users-screen .nav-tabs .nav-item {
    margin: 0 !important;
}
.nominated-users-screen .nav-tabs .nav-link {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #424242 !important;
    border-radius: 0.85rem !important;
}
.nominated-users-screen .nav-tabs .nav-link:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.nominated-users-screen .nav-tabs .nav-link.active,
.nominated-users-screen .nav-tabs .nav-link.active:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.nominated-users-screen h4,
.nominated-users-screen .tab-content {
    color: #ffffff !important;
}
.nominated-users-screen .table,
.nominated-users-screen .table.table-bordered,
.nominated-users-screen .table thead,
.nominated-users-screen .table tbody,
.nominated-users-screen .table tr,
.nominated-users-screen .table th,
.nominated-users-screen .table td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.nominated-users-screen .table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
.nominated-users-screen .table tbody tr:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.nominated-users-screen .btn.btn-danger {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.login-report-screen .title-fw,
.login-report-screen .poppins-blue,
.login-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.login-report-screen #filterModal .modal-content.dark-mode,
.login-report-screen #filterModal .modal-content.dark-mode .modal-header,
.login-report-screen #filterModal .modal-content.dark-mode .modal-body,
.login-report-screen #filterModal .modal-content.dark-mode .modal-footer,
.login-report-screen #filterModal .modal-content.dark-mode .footer {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.login-report-screen #filterModal .modal-content.dark-mode .filterModal-apply__btn,
.login-report-screen #filterModal .modal-content.dark-mode .filterModal-footer__btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
/* Filter modal toggles (Unique Login / User Status) — Slate Noir only */
.modal .modal-content.dark-mode .kt-switch input:empty ~ span:before,
.modal .modal-content.dark-mode .kt-switch input:checked ~ span:before,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:empty ~ span:before,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
.modal .modal-content.dark-mode .kt-switch input:empty ~ span:after,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.modal .modal-content.dark-mode .kt-switch input:checked ~ span:before,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.modal .modal-content.dark-mode .kt-switch input:checked ~ span:after,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.modal .modal-content.dark-mode .kt-switch input:checked ~ span,
.modal .modal-content.dark-mode .unique-login-switch .kt-switch input:checked ~ span {
    background-color: transparent !important;
}
/* Learning Path report chart card */
.learningpath-report-screen .chromium-container, .learningpaths-report-screen .chromium-container,
.learningpath-report-screen .chromium-container.dark-mode, .learningpaths-report-screen .chromium-container.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.learningpath-report-screen .chromium-container label, .learningpaths-report-screen .chromium-container label,
.learningpath-report-screen .chromium-container .dark-mode-light-text, .learningpaths-report-screen .chromium-container .dark-mode-light-text,
.learningpath-report-screen .chromium-container .arrow, .learningpaths-report-screen .chromium-container .arrow,
.learningpath-report-screen .chromium-container .poppins-mt, .learningpaths-report-screen .chromium-container .poppins-mt,
.learningpath-report-screen .chromium-container .poppins-sb--12, .learningpaths-report-screen .chromium-container .poppins-sb--12 {
    color: #ffffff !important;
}
/* NVD3 axis / bar labels — force readable white on dark card */
.learningpath-report-screen #chart, .learningpaths-report-screen #chart,
.learningpath-report-screen #chart svg, .learningpaths-report-screen #chart svg,
.learningpath-report-screen svg.nvd3-svg, .learningpaths-report-screen svg.nvd3-svg {
    background: transparent !important;
    background-color: transparent !important;
}
.learningpath-report-screen #chart text, .learningpaths-report-screen #chart text,
.learningpath-report-screen #chart svg text, .learningpaths-report-screen #chart svg text,
.learningpath-report-screen #chart tspan, .learningpaths-report-screen #chart tspan,
.learningpath-report-screen svg.nvd3-svg text, .learningpaths-report-screen svg.nvd3-svg text,
.learningpath-report-screen svg.nvd3-svg tspan, .learningpaths-report-screen svg.nvd3-svg tspan,
.learningpath-report-screen .nv-axis text, .learningpaths-report-screen .nv-axis text,
.learningpath-report-screen .nvd3 text, .learningpaths-report-screen .nvd3 text,
.learningpath-report-screen .nvd3 .tick text, .learningpaths-report-screen .nvd3 .tick text,
.learningpath-report-screen .nvd3 .nv-axisMaxMin text, .learningpaths-report-screen .nvd3 .nv-axisMaxMin text,
.learningpath-report-screen .nvd3 .nv-axislabel, .learningpaths-report-screen .nvd3 .nv-axislabel,
.learningpath-report-screen .nvd3 .nv-discretebar .nv-groups text, .learningpaths-report-screen .nvd3 .nv-discretebar .nv-groups text,
.learningpath-report-screen .nvd3 .nv-multibarHorizontal .nv-groups text, .learningpaths-report-screen .nvd3 .nv-multibarHorizontal .nv-groups text,
.learningpath-report-screen .nvd3 .nv-bars text, .learningpaths-report-screen .nvd3 .nv-bars text,
.learningpath-report-screen .nvd3 .nv-legend-text, .learningpaths-report-screen .nvd3 .nv-legend-text {
    fill: #ffffff !important;
    color: #ffffff !important;
    stroke: none !important;
    opacity: 1 !important;
}
.learningpath-report-screen #chart .nv-axis path, .learningpaths-report-screen #chart .nv-axis path,
.learningpath-report-screen #chart .nv-axis line, .learningpaths-report-screen #chart .nv-axis line,
.learningpath-report-screen #chart .domain, .learningpaths-report-screen #chart .domain,
.learningpath-report-screen svg.nvd3-svg .nv-axis path, .learningpaths-report-screen svg.nvd3-svg .nv-axis path,
.learningpath-report-screen svg.nvd3-svg .nv-axis line, .learningpaths-report-screen svg.nvd3-svg .nv-axis line,
.learningpath-report-screen svg.nvd3-svg .domain, .learningpaths-report-screen svg.nvd3-svg .domain {
    stroke: #bfbfbf !important;
    fill: none !important;
}
/*
  NVD3 .nvtooltip is on body (white bg). Theme h3/p use light --color/--text-color,
  so bar + pie hover values vanish. Force dark text (same as training history pie).
*/
body:has(.learningpath-report-screen) .nvtooltip,
body:has(.learningpath-report-screen) .nvtooltip h3,
body:has(.learningpath-report-screen) .nvtooltip p,
body:has(.learningpath-report-screen) .nvtooltip span,
body:has(.learningpath-report-screen) .nvtooltip td,
body:has(.learningpath-report-screen) .nvtooltip .key,
body:has(.learningpath-report-screen) .nvtooltip .value,
body:has(.learningpaths-report-screen) .nvtooltip,
body:has(.learningpaths-report-screen) .nvtooltip h3,
body:has(.learningpaths-report-screen) .nvtooltip p,
body:has(.learningpaths-report-screen) .nvtooltip span,
body:has(.learningpaths-report-screen) .nvtooltip td,
body:has(.learningpaths-report-screen) .nvtooltip .key,
body:has(.learningpaths-report-screen) .nvtooltip .value {
    color: #000000 !important;
}
.learningpath-report-screen .graph_filter.dark-mode, .learningpaths-report-screen .graph_filter.dark-mode,
.learningpath-report-screen .chromium-container select.dark-mode, .learningpaths-report-screen .chromium-container select.dark-mode,
.learningpath-report-screen .chromium-container .form-control.dark-mode, .learningpaths-report-screen .chromium-container .form-control.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.learningpath-report-screen .kt-portlet, .learningpaths-report-screen .kt-portlet,
.learningpath-report-screen .kt-portlet__head, .learningpaths-report-screen .kt-portlet__head,
.learningpath-report-screen .kt-portlet__body, .learningpaths-report-screen .kt-portlet__body {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.learningpath-report-screen .kt-portlet__head-title, .learningpaths-report-screen .kt-portlet__head-title,
.learningpath-report-screen .kt-widget14__stats, .learningpaths-report-screen .kt-widget14__stats,
.learningpath-report-screen .kt-widget14__stat, .learningpaths-report-screen .kt-widget14__stat {
    color: #ffffff !important;
}
/* Legend count badges — force white numbers (beat .kt-badge--unified-brand #2c77f4) */
.learningpath-report-screen .kt-widget14__legend .kt-badge,
.learningpath-report-screen .kt-badge.kt-badge--unified-brand,
.learningpath-report-screen .kt-badge.kt-badge--unified-brand.kt-badge--lg,
.learningpath-report-screen .kt-badge.kt-badge--unified-brand.kt-badge--bold,
.learningpaths-report-screen .kt-widget14__legend .kt-badge,
.learningpaths-report-screen .kt-badge.kt-badge--unified-brand,
.learningpaths-report-screen .kt-badge.kt-badge--unified-brand.kt-badge--lg,
.learningpaths-report-screen .kt-badge.kt-badge--unified-brand.kt-badge--bold {
    color: #ffffff !important;
    background: #424242 !important;
    background-color: #424242 !important;
}
.learningpath-report-screen .title-fw, .learningpaths-report-screen .title-fw,
.learningpath-report-screen .poppins-blue, .learningpaths-report-screen .poppins-blue {
    color: #ffffff !important;
}
.learningpath-report-screen .kt-portlet__head-title small, .learningpaths-report-screen .kt-portlet__head-title small,
.learningpath-report-screen .kt-font-info, .learningpaths-report-screen .kt-font-info,
.learningpath-report-screen .kt-widget14__legend, .learningpaths-report-screen .kt-widget14__legend,
.learningpath-report-screen .dark-mode-light-text, .learningpaths-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.learningpath-report-screen .selected-graph-page__width.dark-mode, .learningpaths-report-screen .selected-graph-page__width.dark-mode,
.learningpath-report-screen .graph-page-size.dark-mode, .learningpaths-report-screen .graph-page-size.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
/*
  Health gauges — Slate Noir SVGs (from Object.zip Low/Medium/High, bg #242424).
  Blade swaps src when LMS_THEME_CSS is slateNoir; CSS covers residual PNG srcs.
*/
.learningpath-report-screen img.img-gauge[src*="gauge_danger.png"],
.learningpaths-report-screen img.img-gauge[src*="gauge_danger.png"] {
    content: url("/images/library/gauge_danger_slateNoir.svg") !important;
}
.learningpath-report-screen img.img-gauge[src*="gauge_moderate.png"],
.learningpaths-report-screen img.img-gauge[src*="gauge_moderate.png"] {
    content: url("/images/library/gauge_moderate_slateNoir.svg") !important;
}
.learningpath-report-screen img.img-gauge[src*="gauge_safe.png"],
.learningpaths-report-screen img.img-gauge[src*="gauge_safe.png"] {
    content: url("/images/library/gauge_safe_slateNoir.svg") !important;
}
.learningpath-report-screen img.img-gauge,
.learningpaths-report-screen img.img-gauge,
.learningpath-report-screen .kt-portlet__body:has(> .img-gauge),
.learningpaths-report-screen .kt-portlet__body:has(> .img-gauge) {
    background: #242424 !important;
    background-color: #242424 !important;
}

/* Survey Report — Slate Noir only (.survey-report-screen); other themes untouched */
.survey-report-screen .survey-topheader {
    margin-bottom: 1.5rem !important;
}
.survey-report-screen #report_search,
.survey-report-screen .showFilterOption-input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.survey-report-screen #report_search::placeholder,
.survey-report-screen .showFilterOption-input.dark-mode::placeholder {
    color: #888888 !important;
}
.survey-report-screen .search-filter__container .search-icon {
    color: #bfbfbf !important;
}
.survey-report-screen .action-container,
.survey-report-screen .action-container.dark-mode,
.survey-report-screen .filter-container,
.survey-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.survey-report-screen .filter-container .filter,
.survey-report-screen .filter-container .clear,
.survey-report-screen .download,
.survey-report-screen .download.btn-download,
.survey-report-screen #downloadButton {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.survey-report-screen .filter-container .filter:hover,
.survey-report-screen .filter-container .clear:hover,
.survey-report-screen .download:hover,
.survey-report-screen .download.btn-download:hover,
.survey-report-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.survey-report-screen .filter-container .filter::before,
.survey-report-screen .filter-container .clear::before,
.survey-report-screen .download::before,
.survey-report-screen #downloadButton::before {
    color: #000000 !important;
}
.survey-report-screen .be-report-table-shell {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.survey-report-screen .report_thead,
.survey-report-screen .report_thead.dark-mode,
.survey-report-screen .report_thead th,
.survey-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.survey-report-screen .cr-row,
.survey-report-screen .cr-row.dark-mode,
.survey-report-screen .cr-row td,
.survey-report-screen .cr-row.dark-mode td,
.survey-report-screen .be-report-table tbody tr,
.survey-report-screen .be-report-table tbody td,
.survey-report-screen .cr-row td span,
.survey-report-screen .cr-row td p,
.survey-report-screen .cr-row td a:not(.dropdown-item) {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.survey-report-screen .cr-row td .fas,
.survey-report-screen .cr-row td .fa-ellipsis-h {
    color: #ffffff !important;
}
/* Options menu — black text on white (beat .cr-row td a white text) */
.survey-report-screen .dropdown-menu,
.survey-report-screen .cr-row .dropdown-menu,
.survey-report-screen .cr-row td .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.survey-report-screen .dropdown-menu .dropdown-item,
.survey-report-screen .dropdown-menu .dropdown-item.dark-mode-dark-text,
.survey-report-screen .cr-row td .dropdown-menu .dropdown-item,
.survey-report-screen .cr-row td .dropdown-menu a.dropdown-item,
.survey-report-screen .cr-row td .dropdown-menu .dropdown-item i,
.survey-report-screen .cr-row td .dropdown-menu a.dropdown-item i {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
.survey-report-screen .dropdown-menu .dropdown-item:hover,
.survey-report-screen .dropdown-menu .dropdown-item:focus,
.survey-report-screen .cr-row td .dropdown-menu .dropdown-item:hover,
.survey-report-screen .cr-row td .dropdown-menu a.dropdown-item:hover,
.survey-report-screen .cr-row td .dropdown-menu .dropdown-item:hover i {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.survey-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
/* Survey Response / User Wise / Attempt reports — Download ID forces white text; override under Slate Noir only */
.survey-response-report-screen .survey-response-toolbar,
.survey-user-wise-report-screen .survey-user-wise-toolbar,
.assessment-report-list-screen .assessment-report-toolbar {
    margin-bottom: 1.5rem !important;
}
.survey-response-report-screen #report_search,
.survey-response-report-screen #report_search.dark-mode,
.survey-user-wise-report-screen #report_search,
.survey-user-wise-report-screen .search-filter__input.dark-mode,
.assessment-report-list-screen #report_search,
.assessment-report-list-screen #report_search.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.survey-response-report-screen #report_search::placeholder,
.survey-user-wise-report-screen #report_search::placeholder,
.survey-user-wise-report-screen .search-filter__input.dark-mode::placeholder,
.assessment-report-list-screen #report_search::placeholder {
    color: #888888 !important;
}
.survey-user-wise-report-screen .search-icon {
    color: #bfbfbf !important;
}
.survey-response-report-screen .search-button,
.survey-response-report-screen .search-button__text,
.survey-response-report-screen .filter-container .filter,
.survey-response-report-screen .filter-container .clear,
.survey-response-report-screen #downloadButton,
.survey-response-report-screen .download,
.survey-user-wise-report-screen .filter-container .filter,
.survey-user-wise-report-screen .filter-container .clear,
.survey-user-wise-report-screen #downloadButton,
.survey-user-wise-report-screen .download,
.assessment-report-list-screen .search-button,
.assessment-report-list-screen #downloadButton,
.assessment-report-list-screen .download,
.assessment-report-list-screen .download.btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.survey-response-report-screen .search-button:hover,
.survey-response-report-screen .filter-container .filter:hover,
.survey-response-report-screen #downloadButton:hover,
.survey-user-wise-report-screen .filter-container .filter:hover,
.survey-user-wise-report-screen #downloadButton:hover,
.assessment-report-list-screen .search-button:hover,
.assessment-report-list-screen #downloadButton:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.survey-response-report-screen .filter-container .filter::before,
.survey-response-report-screen .download::before,
.survey-user-wise-report-screen .filter-container .filter::before,
.survey-user-wise-report-screen .download::before,
.assessment-report-list-screen .download::before,
.assessment-report-list-screen #downloadButton::before {
    color: #000000 !important;
}
.survey-response-report-screen .action-container,
.survey-response-report-screen .filter-container,
.survey-user-wise-report-screen .action-container,
.survey-user-wise-report-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.survey-response-report-screen .customBox,
.survey-response-report-screen .customBox.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.survey-response-report-screen .customBox h4,
.survey-response-report-screen .customBox h5,
.survey-response-report-screen .customBox .dark-mode-light-text,
.survey-response-report-screen .customBox hr {
    color: #ffffff !important;
    border-color: #424242 !important;
}
.survey-user-wise-report-screen .be-report-table-shell {
    background: #242424 !important;
    border-color: #424242 !important;
}
.survey-user-wise-report-screen .report_thead,
.survey-user-wise-report-screen .report_thead.dark-mode,
.survey-user-wise-report-screen .report_thead th,
.survey-user-wise-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.survey-user-wise-report-screen .cr-row,
.survey-user-wise-report-screen .cr-row.dark-mode,
.survey-user-wise-report-screen .cr-row td,
.survey-user-wise-report-screen .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.survey-user-wise-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}

/* User Response Report — table + filter/full-text modals (Slate Noir only) */
.user-response-report-screen .title-fw,
.user-response-report-screen .poppins-blue {
    color: #ffffff !important;
}
.user-response-report-screen .report-toolbar {
    margin-bottom: 1.5rem !important;
}
.user-response-report-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.user-response-report-screen #report_search,
.user-response-report-screen .search-filter__input {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.user-response-report-screen #report_search::placeholder,
.user-response-report-screen .search-filter__input::placeholder {
    color: #888888 !important;
}
.user-response-report-screen .report-toolbar__search .search-icon {
    color: #bfbfbf !important;
}
.user-response-report-screen .filter-container .filter,
.user-response-report-screen .filter-container .clear,
.user-response-report-screen #downloadButton,
.user-response-report-screen .download,
.user-response-report-screen .report-toolbar__left .btn-group .btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.user-response-report-screen .filter-container .filter:hover,
.user-response-report-screen .filter-container .clear:hover,
.user-response-report-screen #downloadButton:hover,
.user-response-report-screen .report-toolbar__left .btn-group .btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.user-response-report-screen .filter-container .filter::before,
.user-response-report-screen .download::before,
.user-response-report-screen #downloadButton::before {
    color: #000000 !important;
}
.user-response-report-screen .be-report-table-shell,
.user-response-report-screen .be-report-table-shell.dark-mode,
.user-response-report-screen .be-report-table-scroll,
.user-response-report-screen .be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.user-response-report-screen .report_thead,
.user-response-report-screen .report_thead.dark-mode,
.user-response-report-screen .report_thead th,
.user-response-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-response-report-screen .cr-row,
.user-response-report-screen .cr-row td,
.user-response-report-screen .be-report-table tbody td,
.user-response-report-screen .user-response-report__cell {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.user-response-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.user-response-report-screen .cr-row:hover,
.user-response-report-screen .cr-row:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.user-response-report-screen .truncated-text-link {
    color: #ffffff !important;
}
.user-response-report-screen .uhhuh-para,
.user-response-report-screen .no-item-para {
    color: #bfbfbf !important;
}
/* Status chips — beat .be-report-table-shell.dark-mode .cr-row td span { color: #fff } */
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td .cr-success,
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td span.cr-success {
    color: #006400 !important;
    background: #e5f9ef !important;
    background-color: #e5f9ef !important;
}
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td .cr-fail,
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td span.cr-fail {
    color: #f37676 !important;
    background: #fdf1f1 !important;
    background-color: #fdf1f1 !important;
}
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td .status-unattempted {
    color: #999999 !important;
    background: #f2f2f2 !important;
    background-color: #f2f2f2 !important;
}
.user-response-report-screen .be-report-table-shell.dark-mode .cr-row td .status-evaluation-pending {
    color: #ff9800 !important;
    background: #fff3cd !important;
    background-color: #fff3cd !important;
}
/* Filter + full-text modals (appended to body) */
body:has(.user-response-report-screen) #filterModal .modal-content,
body:has(.user-response-report-screen) #fullTextModal .modal-content,
body:has(.user-response-report-screen) #filterModal .modal-header,
body:has(.user-response-report-screen) #fullTextModal .modal-header,
body:has(.user-response-report-screen) #filterModal .modal-body,
body:has(.user-response-report-screen) #fullTextModal .modal-body,
body:has(.user-response-report-screen) #filterModal .modal-footer,
body:has(.user-response-report-screen) #fullTextModal .modal-footer,
body:has(.user-response-report-screen) #filterModal .footer,
body:has(.user-response-report-screen) #fullTextModal .footer {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
body:has(.user-response-report-screen) #filterModal .poppins-black,
body:has(.user-response-report-screen) #filterModal .poppins-mt,
body:has(.user-response-report-screen) #filterModal label,
body:has(.user-response-report-screen) #fullTextModal .poppins-black,
body:has(.user-response-report-screen) #fullTextModal .full-text-modal__body {
    color: #ffffff !important;
}
body:has(.user-response-report-screen) #filterModal .modal-header img {
    filter: invert(1) !important;
}
body:has(.user-response-report-screen) #filterModal .base_input,
body:has(.user-response-report-screen) #filterModal .filterModal-base_input,
body:has(.user-response-report-screen) #filterModal select.w-100,
body:has(.user-response-report-screen) #filterModal .select2-container--default .select2-selection--multiple {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.user-response-report-screen) #filterModal .base_input::placeholder,
body:has(.user-response-report-screen) #filterModal .filterModal-base_input::placeholder {
    color: #888888 !important;
}
body:has(.user-response-report-screen) #filterModal select.w-100 option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.user-response-report-screen) .select2-dropdown,
body:has(.user-response-report-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
body:has(.user-response-report-screen) .select2-container--default .select2-results__option--highlighted {
    background: #424242 !important;
    color: #ffffff !important;
}
body:has(.user-response-report-screen) .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    color: #ffffff !important;
    border-color: #666666 !important;
}
body:has(.user-response-report-screen) #filterModal .filterModal-apply__btn,
body:has(.user-response-report-screen) #filterModal .filterModal-footer__btn,
body:has(.user-response-report-screen) #fullTextModal .filterModal-apply__btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.4rem 1.1rem !important;
}
body:has(.user-response-report-screen) #filterModal .filterModal-apply__btn:hover,
body:has(.user-response-report-screen) #filterModal .filterModal-footer__btn:hover,
body:has(.user-response-report-screen) #fullTextModal .filterModal-apply__btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

.assessment-report-list-screen .desktop_card_grid .cr-row,
.assessment-report-list-screen .desktop_card_grid .cr-row.dark-mode,
.assessment-report-list-screen .desktop_card_grid .cr-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.assessment-report-list-screen .training-icon {
    background: #000000 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
}
.assessment-report-list-screen .poppins-dt,
.assessment-report-list-screen .mini-date {
    color: #ffffff !important;
}
.assessment-report-list-screen .bullets {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: none !important;
}
.assessment-report-list-screen .card-icons {
    /* SVG fill is #ddd — plain invert() makes it dark; force white */
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}
.assessment-report-list-screen .btn-clean,
.assessment-report-list-screen .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
/* Options menu — flat rows (beat global .cr-row a.kt-nav__link { border-radius:999px }) */
.assessment-report-list-screen .dropdown-menu,
.assessment-report-list-screen .dropdown-menu.action-bar-dropdown,
.assessment-report-list-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.assessment-report-list-screen .dropdown-menu .kt-nav__head {
    color: #666666 !important;
}
.assessment-report-list-screen .dropdown-menu .kt-nav__separator {
    background: #e0e0e0 !important;
    height: 1px !important;
    margin: 0.25rem 0 !important;
}
.assessment-report-list-screen .cr-row .dropdown-menu .kt-nav__item > a.kt-nav__link,
.assessment-report-list-screen .dropdown-menu .kt-nav__item > a.kt-nav__link,
.assessment-report-list-screen .dropdown-menu .kt-nav__link,
.assessment-report-list-screen .dropdown-menu .kt-nav__link.cursor-disabled,
.assessment-report-list-screen .dropdown-menu .kt-nav__link:focus,
.assessment-report-list-screen .dropdown-menu .kt-nav__link:active,
.assessment-report-list-screen .dropdown-menu .kt-nav__link:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    width: 100% !important;
}
.assessment-report-list-screen .dropdown-menu .kt-nav__link,
.assessment-report-list-screen .dropdown-menu .kt-nav__link-text,
.assessment-report-list-screen .dropdown-menu .kt-nav__link-icon,
.assessment-report-list-screen .dropdown-menu .kt-nav__link.cursor-disabled,
.assessment-report-list-screen .dropdown-menu .kt-nav__link.cursor-disabled .kt-nav__link-text,
.assessment-report-list-screen .dropdown-menu .kt-nav__link.cursor-disabled .kt-nav__link-icon {
    color: #000000 !important;
}
.assessment-report-list-screen .dropdown-menu .kt-nav__link.cursor-disabled {
    opacity: 0.4 !important;
}
.assessment-report-list-screen .cr-row .dropdown-menu .kt-nav__item:hover > a.kt-nav__link,
.assessment-report-list-screen .cr-row .dropdown-menu .kt-nav__item:hover > a.kt-nav__link:hover,
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover:not(:has(.cursor-disabled)),
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover > a:not(.cursor-disabled),
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:not(.cursor-disabled),
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:not(.cursor-disabled):hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link:not(.cursor-disabled) .kt-nav__link-text,
.assessment-report-list-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link:not(.cursor-disabled) .kt-nav__link-icon {
    color: #000000 !important;
}
.assessment-report-list-screen .kt-widget14__legend,
.assessment-report-list-screen .kt-widget14__stats,
.assessment-report-list-screen .kt-widget14__stat {
    color: #ffffff !important;
}

/*
  Assessment Report detail panel (#mySidenav with .assessment-report-text).
  Opens white by default (reportStyle.kt-portlet) — force Slate Noir.
*/
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)),
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .sidenav-header,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .back-btn,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .kt-portlet,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .kt-portlet__body,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .kt-portlet__body__padding {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .sidenav-close,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .paper-name,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .assessment-report-text,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .course-report-row__text,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .coursename-row,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .coursename-row span,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .back-btn,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .back-btn-text,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .user-count,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .total-users,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .usercount-text,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .totaluser-text,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .poppins-mt,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .poppins-md--14,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-container span {
    color: #ffffff !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .back-button-icon,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .back-arrow-img {
    filter: invert(1) !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .chromium-button--outline-info,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .download.chromium-button--outline-info,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) button.chromium-button--outline-info,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) button#downloadButton,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) #downloadButton.download,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .download.download__btn,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) button.download__btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .chromium-button--outline-info:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) button#downloadButton:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .download.download__btn:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) button.download__btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .chromium-button--outline-info i,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .chromium-button--outline-info .fa-filter {
    color: #000000 !important;
}
/* Gap between Switch / Download action chips (Assessment uses gap-2; Course/Video use align-items-center) */
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .d-flex.gap-2,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .d-flex.align-items-center {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .d-flex.gap-2 > form,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .d-flex.align-items-center > form {
    margin: 0 !important;
}
/* Kill cylindrical / pill hover on progress status labels */
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__notattempted-block,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__notattempted-block:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block__display,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block__display:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block__display span,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .progress_board__block__display span:hover {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .table {
    background: transparent !important;
    color: #ffffff !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-head,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-head th,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) thead.grid-head th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-row,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-row td,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .table tbody tr,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-row:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-row:hover td {
    background: #333333 !important;
    background-color: #333333 !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-empty .poppins-blue,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-empty p {
    color: #bfbfbf !important;
}
/* User grid — be-report-table-shell (no .dark-mode); beat chromium #fff shell + grid-container row gaps */
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table-shell,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container table.be-report-table,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
    border-spacing: 0 !important;
    -webkit-border-vertical-spacing: 0 !important;
    border-collapse: separate !important;
    color: #ffffff !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table thead th,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .assessment-user-grid .grid-head .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table tbody tr,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table tbody td,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .assessment-user-grid .grid-row .fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
    box-shadow: none !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table tbody tr:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .grid-container .be-report-table tbody tr:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
/* Reset / Give Attempt — white pill + black reload icon (beat inline #3f5dd2 and white-on-white) */
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean.btn-icon,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean.btn-sm {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean.btn-icon:hover,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean.btn-sm:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .flaticon2-reload-1,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean .flaticon2-reload-1,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .be-report-table .btn.btn-clean:hover .flaticon2-reload-1 {
    color: #000000 !important;
}
/* Status pills are light/colored chips — black label (not white-on-white) */
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-button,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-button.cr-fail,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-button.cr-success,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-button.cr-prog,
#mySidenav.sidenav:is(:has(.assessment-report-text), :has(.course-report-row__text)) .status-button.btn-label-warning {
    color: #000000 !important;
}
body:has(.assessment-report-list-screen) #userFilterSideNav.sidenav,
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--header,
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--body,
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--body-content,
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--header p,
body:has(.assessment-report-list-screen) #userFilterSideNav h1,
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
body:has(.assessment-report-list-screen) #userFilterSideNav input,
body:has(.assessment-report-list-screen) #userFilterSideNav select,
body:has(.assessment-report-list-screen) #userFilterSideNav .form-control {
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.assessment-report-list-screen) #userFilterSideNav .sidenav-form--input > button,
body:has(.assessment-report-list-screen) #userFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
/* Survey Attempt — Reset Attempt confirm (modal-content-border, no .dark-mode) */
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-content.modal-content-border {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-body,
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-body--inner,
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-body--inner h1,
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-body--inner h3 {
    color: #ffffff !important;
}
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-footer.modal-footer-border {
    border-top: 1px solid #424242 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-footer .cancel,
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-footer .confirm {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.5rem 1.25rem !important;
    margin: 0 !important;
    cursor: pointer !important;
}
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-footer .cancel:hover,
body:has(.assessment-report-list-screen) #reset-attempt-modal .modal-footer .confirm:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/*
  Course / Video report filter sidenavs — scoped by unique IDs (other modules untouched).
  Do not force #1a1a1a on inputs; use #242424 so dark-mode fields stay readable.
*/
#courseReportFilterSideNav.sidenav,
#courseReportFilterSideNav .sidenav--header,
#courseReportFilterSideNav .sidenav--body,
#courseReportFilterSideNav .sidenav--body-content,
#courseReportFilterSideNav .sidenav--body-content_container,
#videoReportFilterSideNav.sidenav,
#videoReportFilterSideNav .sidenav--header,
#videoReportFilterSideNav .sidenav--body,
#videoReportFilterSideNav .sidenav--body-content,
#videoReportFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
/* Apply Filters card — replace #f2f2f2 / white border */
#courseReportFilterSideNav .sidenav--body-content_container,
#videoReportFilterSideNav .sidenav--body-content_container {
    border: 2px solid #424242 !important;
    border-color: #424242 !important;
}
/* kt-switch — these sidenavs lack .dark-mode, so mirror .sidenav.dark-mode switch styles */
#courseReportFilterSideNav .kt-switch input:empty ~ span:before,
#courseReportFilterSideNav .kt-switch input:checked ~ span:before,
#videoReportFilterSideNav .kt-switch input:empty ~ span:before,
#videoReportFilterSideNav .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
#courseReportFilterSideNav .kt-switch input:empty ~ span:after,
#videoReportFilterSideNav .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
#courseReportFilterSideNav .kt-switch input:checked ~ span:before,
#videoReportFilterSideNav .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
#courseReportFilterSideNav .kt-switch input:checked ~ span:after,
#videoReportFilterSideNav .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
#courseReportFilterSideNav .kt-switch input:checked ~ span,
#videoReportFilterSideNav .kt-switch input:checked ~ span {
    background-color: transparent !important;
}
#courseReportFilterSideNav .sidenav--header p,
#courseReportFilterSideNav h1,
#courseReportFilterSideNav .sidenav-form--input p,
#videoReportFilterSideNav .sidenav--header p,
#videoReportFilterSideNav h1,
#videoReportFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
#courseReportFilterSideNav .sidenav--header p img,
#videoReportFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
#courseReportFilterSideNav input,
#courseReportFilterSideNav select,
#courseReportFilterSideNav .form-control,
#videoReportFilterSideNav input,
#videoReportFilterSideNav select,
#videoReportFilterSideNav .form-control {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#courseReportFilterSideNav .sidenav-form--input > button,
#courseReportFilterSideNav button.ml-auto,
#videoReportFilterSideNav .sidenav-form--input > button,
#videoReportFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/*
  Video Report list — no list-screen class on index; scope via #videoReportFilterSideNav
  (only present on Video Report pages).
*/
body:has(#videoReportFilterSideNav) .poppins-sb--24.poppins-blue,
body:has(#videoReportFilterSideNav) .poppins-dt,
body:has(#videoReportFilterSideNav) .mini-date {
    color: #ffffff !important;
}
body:has(#videoReportFilterSideNav) .desktop_card .cr-row,
body:has(#videoReportFilterSideNav) .desktop_card .cr-row.dark-mode,
body:has(#videoReportFilterSideNav) .desktop_card .cr-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
body:has(#videoReportFilterSideNav) .training-icon,
body:has(#videoReportFilterSideNav) .desktop-cards-icon .training-icon {
    background: #424242 !important;
    background-color: #424242 !important;
}
body:has(#videoReportFilterSideNav) .bullets {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: none !important;
}
body:has(#videoReportFilterSideNav) .card-icons,
body:has(#videoReportFilterSideNav) .mini-date img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}
body:has(#videoReportFilterSideNav) .kt-widget14__legend,
body:has(#videoReportFilterSideNav) .kt-widget14__stats,
body:has(#videoReportFilterSideNav) .kt-widget14__stat {
    color: #ffffff !important;
}
body:has(#videoReportFilterSideNav) .filter-container,
body:has(#videoReportFilterSideNav) .mobileSearch .filter-container {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
body:has(#videoReportFilterSideNav) #report_search,
body:has(#videoReportFilterSideNav) .search-filter__input {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(#videoReportFilterSideNav) #report_search::placeholder,
body:has(#videoReportFilterSideNav) .search-filter__input::placeholder {
    color: #bfbfbf !important;
}
body:has(#videoReportFilterSideNav) .search__btn,
body:has(#videoReportFilterSideNav) #downloadButton,
body:has(#videoReportFilterSideNav) .btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    margin-left: 0 !important;
}
body:has(#videoReportFilterSideNav) .search__btn:hover,
body:has(#videoReportFilterSideNav) #downloadButton:hover,
body:has(#videoReportFilterSideNav) .btn-download:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
body:has(#videoReportFilterSideNav) .search__btn i,
body:has(#videoReportFilterSideNav) .btn-download i,
body:has(#videoReportFilterSideNav) #downloadButton i {
    color: #000000 !important;
}
/* Video list Options — flat rows (no cylindrical pill hover) */
body:has(#videoReportFilterSideNav) .btn.btn-clean,
body:has(#videoReportFilterSideNav) .btn.btn-clean.btn-icon,
body:has(#videoReportFilterSideNav) .btn.btn-icon {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
body:has(#videoReportFilterSideNav) .btn.btn-clean i,
body:has(#videoReportFilterSideNav) .flaticon-more-1,
body:has(#videoReportFilterSideNav) .flaticon-more-1:before {
    color: #000000 !important;
}
body:has(#videoReportFilterSideNav) .btn.btn-clean:hover,
body:has(#videoReportFilterSideNav) .show > .btn.btn-clean {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
body:has(#videoReportFilterSideNav) .dropdown-menu,
body:has(#videoReportFilterSideNav) .dropdown-menu.action-bar-dropdown,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
body:has(#videoReportFilterSideNav) .cr-row .dropdown-menu .kt-nav__item > a.kt-nav__link,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__item > a.kt-nav__link,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link:focus,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link:active,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link:hover {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    padding: 0.5rem 1rem !important;
}
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link-text,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__link-icon {
    color: #000000 !important;
}
body:has(#videoReportFilterSideNav) .cr-row .dropdown-menu .kt-nav__item:hover > a.kt-nav__link,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__item:hover > a.kt-nav__link,
body:has(#videoReportFilterSideNav) .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-radius: 0 !important;
}

/* Manage Assessment — Options menu same as Manage Users (white menu, black text) */
.manage-assessment-screen .dropdown-menu,
.manage-assessment-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__item,
.manage-assessment-screen .dropdown-menu .kt-nav__item > a,
.manage-assessment-screen .dropdown-menu .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .dropdown-menu .kt-nav__link-text,
.manage-assessment-screen .dropdown-menu .kt-nav__link-icon,
.manage-assessment-screen .dropdown-menu .kt-nav__link i,
.manage-assessment-screen .dropdown-menu .kt-nav__link span,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu span,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu i {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__head,
.manage-assessment-screen .dropdown-menu .kt-nav__head.dark-mode-text-color,
.manage-assessment-screen .dropdown-menu .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .dropdown-menu .kt-nav__link-text,
.manage-assessment-screen .dropdown-menu .kt-nav__link-icon,
.manage-assessment-screen .dropdown-menu .kt-nav__link i,
.manage-assessment-screen .dropdown-menu .kt-nav__link span,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu .kt-nav__link i,
.manage-assessment-screen .grid-container .grid-row.dark-mode td .dropdown-menu span,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link i,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu span {
    color: #ffffff !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__separator {
    background: #424242 !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover > a,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #424242 !important;
    background-color: #424242 !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link i,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link span,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.manage-assessment-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link i,
.manage-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link span {
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
}
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Delete warning modal — dark panel (img 1) */
.manage-assessment-screen #deleteModal .modal-content,
.manage-assessment-screen #deleteModal2 .modal-content,
#deleteModal .modal-content.dark-mode,
#deleteModal2 .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen #deleteModal .modal-header,
.manage-assessment-screen #deleteModal .modal-body,
.manage-assessment-screen #deleteModal .modal-footer,
.manage-assessment-screen #deleteModal2 .modal-header,
.manage-assessment-screen #deleteModal2 .modal-body,
.manage-assessment-screen #deleteModal2 .modal-footer,
#deleteModal .modal-content.dark-mode .modal-header,
#deleteModal .modal-content.dark-mode .modal-body,
#deleteModal .modal-content.dark-mode .modal-footer,
#deleteModal2 .modal-content.dark-mode .modal-header,
#deleteModal2 .modal-content.dark-mode .modal-body,
#deleteModal2 .modal-content.dark-mode .modal-footer {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen #deleteModal .dark-mode-light-text,
.manage-assessment-screen #deleteModal .modal-body,
.manage-assessment-screen #deleteModal .cancel-button,
.manage-assessment-screen #deleteModal2 .dark-mode-light-text,
.manage-assessment-screen #deleteModal2 .modal-body,
.manage-assessment-screen #deleteModal2 .cancel-button,
#deleteModal .modal-content.dark-mode .dark-mode-light-text,
#deleteModal .modal-content.dark-mode .cancel-button,
#deleteModal2 .modal-content.dark-mode .dark-mode-light-text,
#deleteModal2 .modal-content.dark-mode .cancel-button {
    color: #ffffff !important;
}
.manage-assessment-screen #deleteModal .btn.btn-pill,
.manage-assessment-screen #deleteModal .btn.btn-danger.btn-pill,
.manage-assessment-screen #deleteModal .action-button,
.manage-assessment-screen #deleteModal2 .btn.btn-pill,
.manage-assessment-screen #deleteModal2 .action-button,
#deleteModal .modal-content.dark-mode .btn.btn-pill,
#deleteModal .modal-content.dark-mode .btn.btn-danger.btn-pill,
#deleteModal .modal-content.dark-mode .action-button,
#deleteModal2 .modal-content.dark-mode .action-button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.manage-assessment-screen #deleteModal .btn.btn-pill:hover,
.manage-assessment-screen #deleteModal .action-button:hover,
.manage-assessment-screen #deleteModal2 .action-button:hover,
#deleteModal .modal-content.dark-mode .btn.btn-pill:hover,
#deleteModal .modal-content.dark-mode .action-button:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

.manage-assessment-screen .grid-head.dark-mode,
.manage-assessment-screen .grid-head.dark-mode th,
.manage-assessment-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-assessment-screen .grid-row.dark-mode,
.manage-assessment-screen .grid-row.dark-mode td,
.manage-assessment-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-assessment-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-assessment-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
/* Daily Based Assessment — dark grid; Action col matches row; Options menu like Manage Users */
.daily-based-assessment-screen .grid-head.dark-mode,
.daily-based-assessment-screen .grid-head.dark-mode th,
.daily-based-assessment-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.daily-based-assessment-screen .grid-row.dark-mode,
.daily-based-assessment-screen .grid-row.dark-mode td,
.daily-based-assessment-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.daily-based-assessment-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.daily-based-assessment-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.daily-based-assessment-screen .action-container.dark-mode,
.daily-based-assessment-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.daily-based-assessment-screen .dropdown-menu,
.daily-based-assessment-screen .dropdown-menu.dropdown-menu-md,
.daily-based-assessment-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    width: auto !important;
    min-width: 180px !important;
}
.daily-based-assessment-screen .dropdown-menu .kt-nav {
    padding: 0.5rem !important;
}
/* Hover pill must span the whole row (matches Manage Users .dropdown-item) */
.daily-based-assessment-screen .dropdown-menu .kt-nav__item {
    display: block !important;
    width: 100% !important;
}
.daily-based-assessment-screen .dropdown-menu .kt-nav__item > .kt-nav__link {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.55rem 0.75rem !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}
.daily-based-assessment-screen .dropdown-menu .kt-nav__head,
.daily-based-assessment-screen .dropdown-menu .kt-nav__head.dark-mode-text-color,
.daily-based-assessment-screen .dropdown-menu .kt-nav__link,
.daily-based-assessment-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.daily-based-assessment-screen .dropdown-menu .kt-nav__link-text,
.daily-based-assessment-screen .dropdown-menu .kt-nav__link-icon,
.daily-based-assessment-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.daily-based-assessment-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.daily-based-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link,
.daily-based-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.daily-based-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.daily-based-assessment-screen .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link i {
    color: #000000 !important;
}

/* Daily Assessment create/edit sidenav — force readable labels on dark panel */
.daily-based-assessment-screen ~ .sidenav.dark-mode .sidenav-form--input p,
.daily-based-assessment-screen ~ .sidenav.dark-mode .sidenav-form__header p,
.sidenav.dark-mode .sidenav-form--input p,
.sidenav.dark-mode .sidenav-form__header p,
.sidenav.dark-mode .sidenav-form__header .mw-100 {
    color: #ffffff !important;
}
.sidenav.dark-mode .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Daily Assessment Landing Page — Slate Noir only */
body:has(.assessment-container) {
    background-color: #000000 !important;
}
.assessment-container,
.assessment-container::before {
    background: #000000 !important;
    background-image: none !important;
}
.assessment-container .content-wrapper {
    background: transparent !important;
}
.assessment-container .glass-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.assessment-container .glass-card .assessment-title,
.assessment-container .glass-card h1,
.assessment-container .glass-card h2,
.assessment-container .glass-card h3,
.assessment-container .glass-card h4,
.assessment-container .glass-card p,
.assessment-container .glass-card span,
.assessment-container .glass-card li,
.assessment-container .glass-card strong {
    color: #ffffff !important;
}
.assessment-container .assessment-description {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
}
.assessment-container .assessment-description h1 {
    color: #ffffff !important;
}
.assessment-container .assessment-description p {
    color: #bfbfbf !important;
}
/* Buttons match Slate Noir white pill pattern */
.assessment-container .glass-card .btn-info,
.assessment-container .glass-card .btn-outline-info,
.assessment-container .glass-card .btn.btn-pill,
.assessment-container .glass-card button.btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}
.assessment-container .glass-card .btn-info span,
.assessment-container .glass-card .btn-outline-info span,
.assessment-container .glass-card .btn.btn-pill span,
.assessment-container .glass-card button.btn span {
    color: #000000 !important;
}
.assessment-container .glass-card .btn:hover,
.assessment-container .glass-card .btn-info:hover,
.assessment-container .glass-card .btn-outline-info:hover,
.assessment-container .glass-card button.btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}
.assessment-container .glass-card .btn:hover span,
.assessment-container .glass-card .btn-info:hover span,
.assessment-container .glass-card .btn-outline-info:hover span,
.assessment-container .glass-card button.btn:hover span {
    color: #000000 !important;
}
/* Skip modal dark styling */
#skipModal .modal-content {
    background-color: #242424 !important;
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
#skipModal .modal-header,
#skipModal .modal-body,
#skipModal .modal-footer {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#skipModal .modal-header .poppins-black,
#skipModal .modal-header span,
#skipModal .modal-body,
#skipModal .modal-body p,
#skipModal .modal-body span {
    color: #ffffff !important;
}
#skipModal .modal-footer .action-button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}
#skipModal .modal-footer .action-button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Fixed Paper Creation */
.fixed-paper-creation-screen .chromium_container--header .learning-path-card,
.fixed-paper-creation-screen .chromium_container--header .learning-path-card.dark-mode,
.chromium_container--header .learning-path-card.dark-mode {
    background-color: #242424 !important;
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    padding: 1rem 1.25rem !important;
}
.fixed-paper-creation-screen .chromium_container--header .learning-path-card.dark-mode-light-text,
.chromium_container--header .learning-path-card.dark-mode.dark-mode-light-text {
    color: #ffffff !important;
}
.fixed-paper-creation-screen .chromium_container--header h1,
.fixed-paper-creation-screen .chromium_container--header .title-section h1 {
    color: #ffffff !important;
}
.fixed-paper-creation-screen .added-question-bank.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.fixed-paper-creation-screen .added-question-bank.dark-mode .question-stack--header,
.fixed-paper-creation-screen .added-question-bank.dark-mode .question-stack--header h1,
.fixed-paper-creation-screen .added-question-bank.dark-mode .dark-mode-light-text,
.fixed-paper-creation-screen .added-question-bank.dark-mode .header-icon {
    color: #ffffff !important;
}
.fixed-paper-creation-screen .added-question-bank.dark-mode .fa-grip-vertical {
    color: #bfbfbf !important;
}
.fixed-paper-creation-screen .sidebar,
.fixed-paper-creation-screen .main-content {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.fixed-paper-creation-screen .sidebar-header h3,
.fixed-paper-creation-screen .content-header h2,
.fixed-paper-creation-screen .bank-title,
.fixed-paper-creation-screen .bank-title span,
.fixed-paper-creation-screen .bank-subtitle,
.fixed-paper-creation-screen .question-content,
.fixed-paper-creation-screen .question-content p,
.fixed-paper-creation-screen .header-actions label,
.fixed-paper-creation-screen .header-actions label span {
    color: #ffffff !important;
}
.fixed-paper-creation-screen .filter-container button,
.fixed-paper-creation-screen .filter-container .filter,
.fixed-paper-creation-screen .filter-container .clear {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.fixed-paper-creation-screen .filter-container .filter::before,
.fixed-paper-creation-screen .filter-container .clear::before,
.fixed-paper-creation-screen .filter-container button i,
.fixed-paper-creation-screen .filter-container button::before {
    color: #000000 !important;
}
.fixed-paper-creation-screen .filter-container label,
.fixed-paper-creation-screen .filter-container label span {
    color: #ffffff !important;
    background: transparent !important;
}
.fixed-paper-creation-screen .content-header {
    border-bottom-color: #424242 !important;
}
.fixed-paper-creation-screen .question-bank-item {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.fixed-paper-creation-screen .question-bank-item .bank-title,
.fixed-paper-creation-screen .question-bank-item .bank-title span,
.fixed-paper-creation-screen .question-bank-item .bank-subtitle {
    color: #ffffff !important;
}
.fixed-paper-creation-screen .question-bank-item.active {
    background: #1a2744 !important;
    background-color: #1a2744 !important;
    border-color: #3e78dc !important;
}
.fixed-paper-creation-screen .question-bank-item.active .bank-title,
.fixed-paper-creation-screen .question-bank-item.active .bank-title span {
    color: #3e78dc !important;
}
.fixed-paper-creation-screen .question-item {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.fixed-paper-creation-screen .question-item:hover,
.fixed-paper-creation-screen .question-item:has(.checkbox:checked) {
    background: #424242 !important;
    background-color: #424242 !important;
}
.fixed-paper-creation-screen .question-item .question-text,
.fixed-paper-creation-screen .question-item .question-text *,
.fixed-paper-creation-screen .question-item .question-content,
.fixed-paper-creation-screen .question-item .question-content p,
.fixed-paper-creation-screen .question-item .question-content > div {
    color: #ffffff !important;
}
/* Remove pastel tag backgrounds on dark theme */
.fixed-paper-creation-screen .question-item .tag,
.fixed-paper-creation-screen .question-item .tag-mcq,
.fixed-paper-creation-screen .question-item .tag-tf,
.fixed-paper-creation-screen .question-item .tag-match,
.fixed-paper-creation-screen .question-item .tag-fill,
.fixed-paper-creation-screen .question-item .tag-question,
.fixed-paper-creation-screen .question-item .tag-difficulty,
.fixed-paper-creation-screen .question-item .tag-difficulty-1,
.fixed-paper-creation-screen .question-item .tag-difficulty-2,
.fixed-paper-creation-screen .question-item .tag-difficulty-3 {
    background: transparent !important;
    background-color: transparent !important;
}
.fixed-paper-creation-screen .question-item .tag-mcq,
.fixed-paper-creation-screen .question-item .tag-tf,
.fixed-paper-creation-screen .question-item .tag-match {
    color: #93c5fd !important;
    border-color: #3e78dc !important;
}
.fixed-paper-creation-screen .question-item .tag-fill {
    color: #fca5a5 !important;
    border-color: #dc2626 !important;
}
.fixed-paper-creation-screen .question-item .tag-question {
    color: #c7d2fe !important;
    border-color: #4f46e5 !important;
}
.fixed-paper-creation-screen .question-item .tag-difficulty-1 {
    color: #86efac !important;
    border-color: #16a34a !important;
}
.fixed-paper-creation-screen .question-item .tag-difficulty-2 {
    color: #fdba74 !important;
    border-color: #ea580c !important;
}
.fixed-paper-creation-screen .question-item .tag-difficulty-3 {
    color: #fca5a5 !important;
    border-color: #dc2626 !important;
}
.fixed-paper-creation-screen .question-item .tag span {
    color: inherit !important;
    background: transparent !important;
}
.fixed-paper-creation-screen #searchBar {
    background: #000000 !important;
    border-color: #424242 !important;
}
.fixed-paper-creation-screen #searchBar input {
    color: #ffffff !important;
}
.fixed-paper-creation-screen #searchBar input::placeholder {
    color: #888888 !important;
}
.fixed-paper-creation-screen .btn.btn-pill,
.fixed-paper-creation-screen .btn.btn-brand.btn-pill,
.fixed-paper-creation-screen #add-questions-btn {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.fixed-paper-creation-screen .number_box {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Question Details modal */
.fixed-paper-creation-screen #questionDetailsModal .modal-content.dark-mode,
#questionDetailsModal .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .modal-body,
#questionDetailsModal .modal-content.dark-mode .modal-body--inner,
#questionDetailsModal .modal-content.dark-mode .modal-footer {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .modal-body--inner h1,
#questionDetailsModal .modal-content.dark-mode .question-modal-options h3,
#questionDetailsModal .modal-content.dark-mode .option-label,
#questionDetailsModal .modal-content.dark-mode .option-text,
#questionDetailsModal .modal-content.dark-mode .option-text * {
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .modal-footer .cancel {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .modal-footer .cancel:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#questionDetailsModal .modal-content.dark-mode .option-item:hover {
    background: #4a4a4a !important;
    border-color: #3e78dc !important;
}
#questionDetailsModal .modal-content.dark-mode .option-item.option-correct:hover {
    background: #1a3a24 !important;
    border-color: #37c240 !important;
}
#questionDetailsModal .modal-content.dark-mode .question-modal-loading,
#questionDetailsModal .modal-content.dark-mode .question-modal-loading p {
    color: #bfbfbf !important;
}
#questionDetailsModal .modal-content.dark-mode .modal-footer {
    border-top: 1px solid #424242 !important;
}
#questionDetailsModal .modal-content.dark-mode .question-modal-text {
    background: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .question-modal-text * {
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .option-item {
    background: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .option-item.option-correct {
    background: #1a3a24 !important;
    border-color: #37c240 !important;
}
#questionDetailsModal .modal-content.dark-mode .option-correct-badge {
    background: #37c240 !important;
    color: #ffffff !important;
}
#questionDetailsModal .modal-content.dark-mode .tag,
#questionDetailsModal .modal-content.dark-mode .tag-mcq,
#questionDetailsModal .modal-content.dark-mode .tag-tf,
#questionDetailsModal .modal-content.dark-mode .tag-match,
#questionDetailsModal .modal-content.dark-mode .tag-fill,
#questionDetailsModal .modal-content.dark-mode .tag-question,
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-1,
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-2,
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-3 {
    background: transparent !important;
    background-color: transparent !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-mcq,
#questionDetailsModal .modal-content.dark-mode .tag-tf,
#questionDetailsModal .modal-content.dark-mode .tag-match {
    color: #93c5fd !important;
    border-color: #3e78dc !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-fill {
    color: #fca5a5 !important;
    border-color: #dc2626 !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-question {
    color: #c7d2fe !important;
    border-color: #4f46e5 !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-1 {
    color: #86efac !important;
    border-color: #16a34a !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-2 {
    color: #fdba74 !important;
    border-color: #ea580c !important;
}
#questionDetailsModal .modal-content.dark-mode .tag-difficulty-3 {
    color: #fca5a5 !important;
    border-color: #dc2626 !important;
}
#questionDetailsModal .modal-content.dark-mode .tag span {
    color: inherit !important;
    background: transparent !important;
}

/* Assign Daily Assessment Users (configure LP) + Create / Configure / Advanced / Assign */
.configure-lp-screen .create_box,
.configure-lp-screen .create_box.dark-mode,
.configure-lp-screen .blank_object.create_box,
.configure-lp-screen .blank_object.create_box.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    height: auto !important;
}
.configure-lp-screen .create_box h1,
.configure-lp-screen .create_box.dark-mode h1,
.configure-lp-screen .create_box p,
.configure-lp-screen .create_box a,
.configure-lp-screen .create_box .dark-mode-light-text,
.configure-lp-screen .create_box .assign-user--header h1,
.configure-lp-screen .create_box .assign-user--body ul p,
.configure-lp-screen .create_box .assign-user--body ul a,
.configure-lp-screen .create_box .poppins-blue,
.configure-lp-screen .create_box .fields-heading,
.configure-lp-screen .create_box .fields-text,
.configure-lp-screen .create_box .fields-text span,
.configure-lp-screen .create_box label,
.configure-lp-screen .create_box .poppins-mt,
.configure-lp-screen .create_box .poppins-dt,
.configure-lp-screen .create_box .poppins-sb--14,
.configure-lp-screen .headerCreateLP .fields-heading {
    color: #ffffff !important;
}
/* Save button on Create / Configure / Advanced — white bg, black text */
.configure-lp-screen .create_box .headerCreateLP .chromium-button--info,
.configure-lp-screen .create_box > .headerCreateLP .chromium-button--info,
.configure-lp-screen .blank_object .headerCreateLP .chromium-button--info,
.configure-lp-screen #id_create_lp_object_btn.chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
}
.configure-lp-screen .create_box .headerCreateLP .chromium-button--info:hover,
.configure-lp-screen .blank_object .headerCreateLP .chromium-button--info:hover,
.configure-lp-screen #id_create_lp_object_btn.chromium-button--info:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
/* Finish / primary pills in Assign Users header — beat #id_finish_user_assignment>button from theme-components */
.configure-lp-screen .headerCreate > a .chromium-button--info,
.configure-lp-screen .headerCreate .chromium-button--info,
.configure-lp-screen #id_finish_user_assignment > button,
.configure-lp-screen #id_finish_user_assignment > .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen .create_box .btn.btn-pill.btn-brand,
.configure-lp-screen .create_box a.btn.btn-pill.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen .create_box input,
.configure-lp-screen .create_box select,
.configure-lp-screen .create_box textarea,
.configure-lp-screen .create_box .base_input,
.configure-lp-screen .create_box .form-control {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .create_box input::placeholder,
.configure-lp-screen .create_box textarea::placeholder {
    color: #bfbfbf !important;
}
.configure-lp-screen .create_box select option {
    background: #242424 !important;
    color: #ffffff !important;
}
.configure-lp-screen .create_box .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.configure-lp-screen .create_box .header-border-space,
.configure-lp-screen .create_box .headerCreateLP {
    border-bottom-color: #424242 !important;
}
/* Configure tab — Add Course / Assessment etc. (fix white-on-grey) */
.configure-lp-screen .configure-row .btn.btn-pill,
.configure-lp-screen .configure-row .btn.btn-light.btn-pill,
.configure-lp-screen .configure-row .btn.btn-elevate.btn-pill,
.configure-lp-screen .blank_object .btn.btn-pill {
    color: #ffffff !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #424242 !important;
}
.configure-lp-screen .configure-row .btn-pill svg,
.configure-lp-screen .configure-row .btn-pill svg path,
.configure-lp-screen .blank_object .btn-pill svg,
.configure-lp-screen .blank_object .btn-pill svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}
.configure-lp-screen .configure-row .btn-pill:hover,
.configure-lp-screen .blank_object .btn-pill:hover {
    background: #424242 !important;
    color: #ffffff !important;
    border-color: #666666 !important;
}
/* Options ⋮ on LO cards — black icon on white circle (not #bfbfbf) */
.configure-lp-screen .btn.btn-clean,
.configure-lp-screen .btn.btn-clean.btn-icon,
.configure-lp-screen .btn.btn-clean.btn-sm,
.configure-lp-screen .btn.btn-icon,
.configure-lp-screen .show > .btn.btn-clean,
.configure-lp-screen .btn.btn-clean.active,
.configure-lp-screen .btn.btn-clean:active,
.configure-lp-screen .btn.btn-clean:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen .btn.btn-clean i,
.configure-lp-screen .btn.btn-clean.btn-icon i,
.configure-lp-screen .btn.btn-icon i,
.configure-lp-screen .flaticon-more-1,
.configure-lp-screen .flaticon-more-1:before,
.configure-lp-screen .show > .btn.btn-clean i,
.configure-lp-screen .btn.btn-clean:hover i,
.configure-lp-screen .btn.btn-clean.active i,
.configure-lp-screen .btn.btn-clean:hover .flaticon-more-1,
.configure-lp-screen .btn.btn-clean:hover .flaticon-more-1:before {
    color: #000000 !important;
}
.configure-lp-screen .create_box.dark-mode .assign-user--body,
.configure-lp-screen .create_box.dark-mode .assign-user--body-blue,
.configure-lp-screen .create_box .assign-user--body,
.configure-lp-screen .create_box .assign-user--body-blue,
.configure-lp-screen .assign-user-col .assign-user--body,
.configure-lp-screen .assign-user-col .assign-user--body-blue {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #424242 !important;
}
.configure-lp-screen .create_box.dark-mode #id_assign_users_btn,
.configure-lp-screen .create_box.dark-mode #assign-batches,
.configure-lp-screen .create_box.dark-mode .btn.btn-pill,
.configure-lp-screen .create_box.dark-mode .btn.btn-brand.btn-pill,
.configure-lp-screen .create_box #id_assign_users_btn,
.configure-lp-screen .create_box #assign-batches,
.configure-lp-screen .headerCreate .btn.btn-pill,
.configure-lp-screen .filter-container button,
.configure-lp-screen .action-container .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.configure-lp-screen .headerCreate .dark-mode-light-text,
.configure-lp-screen .headerCreate .poppins-sb--16 {
    color: #ffffff !important;
}
.configure-lp-screen .headerCreate {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.configure-lp-screen .search-container input.dark-mode,
.configure-lp-screen #report_search.dark-mode,
.configure-lp-screen .headerCreate .search-container input,
.configure-lp-screen .headerCreate #report_search {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.configure-lp-screen .headerCreate .search-container input::placeholder,
.configure-lp-screen .headerCreate #report_search::placeholder {
    color: #bfbfbf !important;
}
.configure-lp-screen .headerCreate .search-container .flaticon-search,
.configure-lp-screen .headerCreate .search-container i {
    color: #ffffff !important;
}
.configure-lp-screen .filter-container.dark-mode button,
.configure-lp-screen .filter-container.dark-mode .filter,
.configure-lp-screen .filter-container.dark-mode .clear {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen .filter-container.dark-mode .filter::before,
.configure-lp-screen .filter-container.dark-mode .clear::before {
    color: #000000 !important;
}
.configure-lp-screen .select-container,
.configure-lp-screen .create_box .select-container {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .assign-user-col .assign-user--header h1,
.configure-lp-screen .assign-user-col .assign-user--header .dark-mode-light-text {
    color: #ffffff !important;
}
.configure-lp-screen .assign-user-col .assign-user--header button,
.configure-lp-screen .assign-user-col .assign-user--header .btn.btn-pill,
.configure-lp-screen .assign-user-col .assign-user--header #id_assign_users_btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen .create_box .dropzone,
.configure-lp-screen .create_box .dropzone-default,
.configure-lp-screen #image_dropzone_lp {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px dashed #666666 !important;
    color: #bfbfbf !important;
}
.configure-lp-screen .create_box .dropzone-msg-title,
.configure-lp-screen .create_box .dropzone .fa-upload {
    color: #bfbfbf !important;
}
/* Configure LP — Select Tags (select2) + dropdown (attaches to body) */
.configure-lp-screen .select2-container--default .select2-selection--multiple,
.configure-lp-screen .select2-container--default .select2-selection--single,
.configure-lp-screen .tagging-container .select2-selection--multiple,
.configure-lp-screen #selectType-tag + .select2-container .select2-selection--multiple,
.configure-lp-screen #selectType-tag-group + .select2-container .select2-selection--single {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    min-height: 38px !important;
}
.configure-lp-screen .select2-selection__rendered,
.configure-lp-screen .select2-selection__placeholder,
.configure-lp-screen .select2-search__field,
.configure-lp-screen .select2-search--inline .select2-search__field {
    color: #ffffff !important;
    background: transparent !important;
}
.configure-lp-screen .select2-selection__choice {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
.configure-lp-screen .select2-selection__choice__remove {
    color: #000000 !important;
}
.configure-lp-screen .selectedTagsStyled,
.configure-lp-screen button.selectedTagsStyled {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.configure-lp-screen .selectedTagsStyled span {
    color: #000000 !important;
}
body:has(.configure-lp-screen) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.configure-lp-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.configure-lp-screen) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(.configure-lp-screen) .select2-container--default .select2-results__option--highlighted,
body:has(.configure-lp-screen) .select2-container--default .select2-results__option[aria-selected=true],
body:has(.configure-lp-screen) .select2-results__message {
    background: #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .assignment-toggle-group {
    border: 2px solid #424242 !important;
    background: #242424 !important;
}
.configure-lp-screen .assignment-toggle-btn {
    color: #ffffff !important;
    background: #000000 !important;
    border: 1px solid #424242 !important;
}
.configure-lp-screen .assignment-toggle-inactive {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #424242 !important;
}
.configure-lp-screen .assignment-toggle-active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Nomination flow — eligible/nominated users table (no white grid lines) */
.configure-lp-screen .assign-batches.dark-mode,
.configure-lp-screen .assign-batches .tab-content,
.configure-lp-screen .assign-batches .nomination-users-table,
.configure-lp-screen .assign-batches .table {
    background: #242424 !important;
    color: #ffffff !important;
}
.configure-lp-screen .assign-batches .nomination-users-table,
.configure-lp-screen .assign-batches .nomination-users-table th,
.configure-lp-screen .assign-batches .nomination-users-table td,
.configure-lp-screen .assign-batches .table,
.configure-lp-screen .assign-batches .table th,
.configure-lp-screen .assign-batches .table td {
    border: none !important;
    border-color: transparent !important;
}
.configure-lp-screen .assign-batches .nomination-users-table thead th,
.configure-lp-screen .assign-batches .table thead th {
    background: #424242 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #424242 !important;
}
.configure-lp-screen .assign-batches .nomination-users-table tbody td,
.configure-lp-screen .assign-batches .nomination-users-table tbody td.dark-mode-light-text,
.configure-lp-screen .assign-batches .table tbody td,
.configure-lp-screen .assign-batches .table tbody td.dark-mode-light-text {
    background: #242424 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #424242 !important;
}
.configure-lp-screen .assign-batches .nomination-users-table tbody tr,
.configure-lp-screen .assign-batches .table tbody tr {
    background: #242424 !important;
    color: #ffffff !important;
}
.configure-lp-screen .assign-batches .nomination-user-tabs {
    border-bottom: 1px solid #424242 !important;
}
.configure-lp-screen .assign-batches .nomination-user-tabs .nav-link,
.configure-lp-screen .assign-batches .nomination-user-tabs .nav-link.dark-mode-light-text,
.configure-lp-screen .assign-batches .nav-tabs .nav-item .nav-link {
    color: #ffffff !important;
    background: transparent !important;
    border-color: #424242 !important;
}
.configure-lp-screen .assign-batches .nomination-user-tabs .nav-link.active,
.configure-lp-screen .assign-batches .nomination-user-tabs .nav-link.active.dark-mode-light-text,
.configure-lp-screen .assign-batches .nav-tabs .nav-item .nav-link.active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.configure-lp-screen .assign-batches .nomination-users-table .btn.btn-danger.btn-pill.dark-mode-bg-white,
.configure-lp-screen .assign-batches .table .btn.btn-danger.btn-pill.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

.configure-lp-screen .assign-batches .table,
.configure-lp-screen .assign-batches .table.table-bordered,
.configure-lp-screen .assign-batches .nomination-users-table,
.configure-lp-screen .assign-batches .nomination-users-table.dark-mode {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.configure-lp-screen .assign-batches .table th,
.configure-lp-screen .assign-batches .table td,
.configure-lp-screen .assign-batches .nomination-users-table th,
.configure-lp-screen .assign-batches .nomination-users-table td,
.configure-lp-screen .assign-batches .nomination-users-table .dark-mode-light-text {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.configure-lp-screen .assign-batches .table thead th,
.configure-lp-screen .assign-batches .nomination-users-table thead th {
    background: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.configure-lp-screen .headerCreate .alert.alert-outline-danger,
.configure-lp-screen .headerCreate .alert.alert-outline-danger.dark-mode {
    background: #242424 !important;
    border-color: #f37676 !important;
    color: #ffffff !important;
}
.configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-text,
.configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-text.dark-mode-light-text,
.configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-icon,
.configure-lp-screen .headerCreate .alert.alert-outline-danger .alert-icon i,
.configure-lp-screen .headerCreate .alert.alert-outline-danger .dark-mode-light-text {
    color: #ffffff !important;
}
.configure-lp-screen .headerCreate .card.dark-mode .title h4,
.configure-lp-screen .headerCreate .card.dark-mode .title .dark-mode-light-text,
.configure-lp-screen .headerCreate .card.dark-mode a.dark-mode-light-text {
    color: #ffffff !important;
}
.configure-lp-screen .headerCreate #create.dark-mode-bg-white,
.configure-lp-screen .headerCreate #create.dark-mode-dark-text {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Nomination query builder — AND/OR, panels, action buttons (#builder-widgets IS .query-builder) */
.configure-lp-screen #builder-widgets.query-builder,
.configure-lp-screen #builder-widgets.query-builder .rules-group-container,
.configure-lp-screen #builder-widgets.query-builder .rule-container,
.configure-lp-screen #builder-widgets.query-builder .rule-placeholder,
.configure-lp-screen #builder-widgets.query-builder .rules-group-header,
.configure-lp-screen #builder-widgets.query-builder .rules-group-body,
.configure-lp-screen #builder-widgets.query-builder .rules-list {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn,
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible {
    position: static !important;
    clip: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    font-weight: 600 !important;
    margin-right: 0.35rem !important;
}
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn:not(.active),
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible:not(.active) {
    color: #ffffff !important;
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
}
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.active,
.configure-lp-screen #builder-widgets.query-builder .rules-group-header .group-conditions label.btn.force-visible.active {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.configure-lp-screen #builder-widgets.query-builder .group-actions .btn.green,
.configure-lp-screen #builder-widgets.query-builder .group-actions .btn.btn-xs.green {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.configure-lp-screen #builder-widgets.query-builder .rule-actions .btn,
.configure-lp-screen #builder-widgets.query-builder .rule-filter-container select,
.configure-lp-screen #builder-widgets.query-builder .rule-operator-container select,
.configure-lp-screen #builder-widgets.query-builder .rule-value-container input,
.configure-lp-screen #builder-widgets.query-builder .rule-value-container select {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen #builder-widgets.query-builder .rule-actions .btn.btn-danger,
.configure-lp-screen #builder-widgets.query-builder .group-actions .btn.red {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #f37676 !important;
}
.configure-lp-screen #builder-widgets.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
}
.configure-lp-screen .headerCreate .card.dark-mode {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.configure-lp-screen .headerCreate .card.dark-mode .content,
.configure-lp-screen .headerCreate .card.dark-mode .title,
.configure-lp-screen .headerCreate .card.dark-mode .bs-docs-section {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .topnav a {
    color: #bfbfbf !important;
}
.configure-lp-screen .topnav a.active {
    color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}
.configure-lp-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.configure-lp-screen .assignment-mode-info {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .assignment-mode-info-text,
.configure-lp-screen .assignment-mode-info-text b,
.configure-lp-screen .assignment-mode-info-icon i {
    color: #ffffff !important;
}
.configure-lp-screen .kt-switch input:empty ~ span:before,
.configure-lp-screen .kt-switch input:checked ~ span:before,
.configure-lp-screen .kt-switch.kt-switch--outline input:empty ~ span:before,
.configure-lp-screen .kt-switch.kt-switch--brand input:empty ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border: 1px solid #666666 !important;
    border-color: #666666 !important;
}
.configure-lp-screen .kt-switch input:empty ~ span:after,
.configure-lp-screen .kt-switch.kt-switch--outline input:empty ~ span:after,
.configure-lp-screen .kt-switch.kt-switch--brand input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.configure-lp-screen .kt-switch input:checked ~ span:before,
.configure-lp-screen .kt-switch.kt-switch--outline input:checked ~ span:before,
.configure-lp-screen .kt-switch.kt-switch--brand input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.configure-lp-screen .kt-switch input:checked ~ span:after,
.configure-lp-screen .kt-switch.kt-switch--outline input:checked ~ span:after,
.configure-lp-screen .kt-switch.kt-switch--brand input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.configure-lp-screen .kt-switch input:checked ~ span {
    background-color: #ffffff !important;
}
.configure-lp-screen .training_object,
.configure-lp-screen .training-icon_new {
    background: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.configure-lp-screen .theme-table .cr-row,
.configure-lp-screen .theme-table .cr-row td {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.configure-lp-screen .theme-table .cr-row .poppins-dt,
.configure-lp-screen .theme-table .cr-row .mini-date,
.configure-lp-screen .theme-table .cr-row .object-scrollable-text {
    color: #ffffff !important;
}
.configure-lp-screen .theme-table .bullets {
    color: #000000 !important;
    background: #ffffff !important;
}

/* Assessment create (type picker + wizard from LP) — beat manageStyle.css !important */
.manage-assessment-screen .create-assessment .assessment_title,
.manage-assessment-screen .create-assessment .assessment_description,
.manage-assessment-screen .create-assessment .assessment_subtitle,
.manage-assessment-screen .assessment_title,
.manage-assessment-screen .assessment_description,
.manage-assessment-screen .assessment_subtitle {
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment {
    --assessment-type-accent: #ffffff;
    --assessment-type-icon-bg: #424242;
}
.manage-assessment-screen .create-assessment .assessment-type-grid {
    background: transparent !important;
    border: 1px solid #424242 !important;
}
.manage-assessment-screen .create-assessment button.assessment-type-card,
.manage-assessment-screen .create-assessment button.assessment-type-card:hover:not(:disabled),
.manage-assessment-screen .create-assessment button.assessment-type-card.is-selected {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.manage-assessment-screen .create-assessment button.assessment-type-card.is-selected {
    border-color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .assessment-type-card__title,
.manage-assessment-screen .create-assessment .assessment-type-card__desc {
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .assessment-type-card__desc {
    color: #bfbfbf !important;
}
.manage-assessment-screen .create-assessment .assessment-type-card__icon-badge {
    background-color: #424242 !important;
}
.manage-assessment-screen .create-assessment .assessment-type-card__icon-shape {
    background-color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .button_container .btn-back-outline,
.manage-assessment-screen .create-assessment .btn-back-outline {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}
.manage-assessment-screen .create-assessment .button_container > button,
.manage-assessment-screen .create-assessment .button_container button.ml-auto,
.manage-assessment-screen .create-assessment #id_assessment_create_type_picker,
.manage-assessment-screen .create-assessment #id_assessment_create,
.manage-assessment-screen .create-assessment .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.manage-assessment-screen .create-assessment .wizard-field-group,
.manage-assessment-screen .create-assessment .assessment-creation-wizard .wizard-field-group {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .wizard-field-group__title,
.manage-assessment-screen .create-assessment .wizard-field-group__subtitle,
.manage-assessment-screen .create-assessment .wizard-field-group__label,
.manage-assessment-screen .create-assessment .wizard-field-group__desc,
.manage-assessment-screen .create-assessment .wizard-preference-row__item p,
.manage-assessment-screen .create-assessment .sidenav-form--input p,
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step__label,
.manage-assessment-screen .create-assessment .assessment-wizard-header__step-label {
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step.is-active .assessment-wizard-progress-step__label,
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step.is-completed .assessment-wizard-progress-step__label {
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step__circle {
    background: #424242 !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step.is-active .assessment-wizard-progress-step__circle,
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step.is-completed .assessment-wizard-progress-step__circle {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step__connector {
    background: #424242 !important;
}
.manage-assessment-screen .create-assessment .assessment-wizard-progress-step__connector.is-completed {
    background: #ffffff !important;
}
.manage-assessment-screen .create-assessment input,
.manage-assessment-screen .create-assessment select,
.manage-assessment-screen .create-assessment textarea,
.manage-assessment-screen .create-assessment .form-control,
.manage-assessment-screen .sidenav.dark-mode input,
.manage-assessment-screen .sidenav.dark-mode select,
.manage-assessment-screen .sidenav.dark-mode textarea {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment input::placeholder,
.manage-assessment-screen .create-assessment textarea::placeholder {
    color: #bfbfbf !important;
}
.manage-assessment-screen .create-assessment .btn-preview-outline {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background: transparent !important;
}
.manage-assessment-screen .create-assessment button.page-layout-card,
.manage-assessment-screen .create-assessment button.wizard-game-template-card {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen .create-assessment button.page-layout-card.is-selected,
.manage-assessment-screen .create-assessment button.wizard-game-template-card.is-selected {
    border-color: #ffffff !important;
    background: #000000 !important;
}
.manage-assessment-screen .create-assessment .page-layout-card__title,
.manage-assessment-screen .create-assessment .page-layout-card__desc,
.manage-assessment-screen .create-assessment .wizard-game-template-card__title {
    color: #ffffff !important;
}
.manage-assessment-screen .sidenav--lp-embed .sidenav--body-content_container,
.manage-assessment-screen .sidenav.dark-mode .sidenav--body-content_container,
.manage-assessment-screen .sidenav.dark-mode .sidenav--body-content.create-assessment {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-assessment-screen .assessment_type_container,
.manage-assessment-screen .create-assessment .assessment-type-grid {
    border-color: #424242 !important;
}
/* Survey/assessment create — select2 tag dropdown (menu attaches to body) */
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-container--default .select2-selection--multiple,
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-container--default .select2-selection--single,
.manage-assessment-screen #mySidenav.sidenav.dark-mode #selectType-tag + .select2-container .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    min-height: 38px !important;
}
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-selection__choice,
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-selection__placeholder,
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-selection__rendered,
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-search--inline .select2-search__field {
    color: #ffffff !important;
}
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-selection__choice {
    background: #424242 !important;
    border-color: #666666 !important;
}
.manage-assessment-screen #mySidenav.sidenav.dark-mode .select2-selection__choice__remove {
    color: #ffffff !important;
}
.manage-assessment-screen #mySidenav .selectedTagsStyled {
    border: 2px solid #ffffff !important;
    background: transparent !important;
    color: #ffffff !important;
}
body:has(.manage-assessment-screen) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
body:has(.manage-assessment-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.manage-assessment-screen) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(.manage-assessment-screen) .select2-container--default .select2-results__option--highlighted,
body:has(.manage-assessment-screen) .select2-container--default .select2-results__option[aria-selected=true] {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Course create (from LP Configure → Add Course) — reinforce sidenav form */
.manage-course-screen #mySidenav.sidenav.dark-mode,
.manage-course-screen #mySidenav .sidenav--body-content_container,
.manage-course-screen .sidenav.dark-mode .overlay_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.manage-course-screen .sidenav.dark-mode .sidenav-form--input p,
.manage-course-screen .sidenav.dark-mode label,
.manage-course-screen .sidenav.dark-mode h1 {
    color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode input,
.manage-course-screen .sidenav.dark-mode select,
.manage-course-screen .sidenav.dark-mode textarea,
.manage-course-screen .sidenav.dark-mode .form-control {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Reuse course list — description text blends into card (no white/boxed panel) */
.sidenav.dark-mode .elipsis__block,
.sidenav.dark-mode .elipsis__block.dark-mode,
.widget5_div.dark-mode .elipsis__block,
.elipsis__block.dark-mode {
    background-color: transparent !important;
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .elipsis__block .elipsis,
.sidenav.dark-mode .elipsis__alignment,
.widget5_div.dark-mode .elipsis__alignment,
.elipsis__block.dark-mode .elipsis__alignment,
.elipsis__block.dark-mode .dark-mode-light-text {
    color: #ffffff !important;
}
.sidenav.dark-mode .widget5_div .fa-eye,
.sidenav.dark-mode .elipsis__block button,
.sidenav.dark-mode .elipsis__block button i {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
}
/* Course cards — no blue edge strip; keep pills inside without clipping */
.sidenav.dark-mode .kt-portlet.widget5_div.kt-portlet__alignment,
.sidenav.dark-mode .widget5_div.kt-portlet__alignment,
.widget5_div.dark-mode.kt-portlet__alignment {
    border-right: 1px solid #424242 !important;
    overflow: visible !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .widget5_div .kt-portlet__body,
.sidenav.dark-mode .widget5_div .kt-portlet__body__padding,
.widget5_div.dark-mode .kt-portlet__body__padding {
    overflow: visible !important;
    padding-right: 1.25rem !important;
    padding-bottom: 3.5rem !important;
}
.sidenav.dark-mode .widget5_div .extra_info__positioning,
.widget5_div.dark-mode .extra_info__positioning {
    right: 1rem !important;
    bottom: 0.75rem !important;
    padding: 2rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    z-index: 2 !important;
}
/* Preview / Select pills — black text, full rounded edges, #bfbfbf hover */
.sidenav.dark-mode .widget5_div .btn.btn-pill,
.sidenav.dark-mode .widget5_div .btn.btn-light.btn-pill,
.sidenav.dark-mode .widget5_div .btn.btn-primary.btn-pill,
.widget5_div.dark-mode .btn.btn-pill,
.widget5_div.dark-mode .btn.btn-light.btn-pill,
.widget5_div.dark-mode .btn.btn-primary.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .widget5_div .btn.btn-pill:hover,
.sidenav.dark-mode .widget5_div .btn.btn-primary.btn-pill:hover,
.widget5_div.dark-mode .btn.btn-pill:hover,
.widget5_div.dark-mode .btn.btn-primary.btn-pill:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
/* Learning Paths Used modal table */
#lpModal .modal-content.dark-mode .grid-head.dark-mode,
#lpModal .modal-content.dark-mode .grid-head.dark-mode th {
    background: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#lpModal .modal-content.dark-mode .grid-row.dark-mode,
#lpModal .modal-content.dark-mode .grid-row.dark-mode td,
#lpModal .modal-content.dark-mode table,
#lpModal .modal-content.dark-mode .grid-container {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/* Create Course — Select Tags (select2) + selected tag pills */
.manage-course-screen .sidenav.dark-mode .select2-container--default .select2-selection--multiple,
.manage-course-screen .sidenav.dark-mode .select2-container--default .select2-selection--single,
.manage-course-screen .sidenav.dark-mode .tagging-container .select2-selection--multiple {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .select2-selection__rendered,
.manage-course-screen .sidenav.dark-mode .select2-selection__placeholder,
.manage-course-screen .sidenav.dark-mode .select2-search__field {
    color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .select2-selection__choice {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
.manage-course-screen .sidenav.dark-mode .select2-selection__choice__remove {
    color: #000000 !important;
}
body:has(.manage-course-screen) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.manage-course-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.manage-course-screen) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(.manage-course-screen) .select2-container--default .select2-results__option--highlighted,
body:has(.manage-course-screen) .select2-container--default .select2-results__option[aria-selected=true] {
    background: #424242 !important;
    color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .selectedTagsStyled,
.manage-course-screen .sidenav.dark-mode button.selectedTagsStyled {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.manage-course-screen .sidenav.dark-mode .selectedTagsStyled span {
    color: #000000 !important;
}
/* Selected existing course pill */
.manage-course-screen .sidenav.dark-mode a.btn.btn-brand.btn-pill,
.manage-course-screen .sidenav.dark-mode .btn.btn-brand.btn-elevate.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-course-screen .sidenav.dark-mode .flaticon2-cross {
    color: #ffffff !important;
}

/* Classroom / Video / Listbox create (from LP Configure) */
.manage-classroom-screen #main-classroom-form.sidenav.dark-mode,
.manage-classroom-screen .sidenav.dark-mode .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.manage-classroom-screen .sidenav.dark-mode h1,
.manage-classroom-screen .sidenav.dark-mode .sidenav-form--input p,
.manage-classroom-screen .sidenav.dark-mode label {
    color: #ffffff !important;
}
.manage-classroom-screen .sidenav.dark-mode input,
.manage-classroom-screen .sidenav.dark-mode select,
.manage-classroom-screen .sidenav.dark-mode textarea {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-classroom-screen .sidenav.dark-mode .sidenav-form--input > button,
.manage-classroom-screen #footer-buttons-container button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

.manage-video-screen .overlay_container.dark-mode,
.manage-video-screen .overlay_container.dark-mode .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode h1,
.manage-video-screen .overlay_container.dark-mode .sidenav-form--input p,
.manage-video-screen .overlay_container.dark-mode label {
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode input,
.manage-video-screen .overlay_container.dark-mode select,
.manage-video-screen .overlay_container.dark-mode textarea {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .dropzone,
.manage-video-screen .overlay_container.dark-mode .dropzone-default,
.manage-video-screen .overlay_container.dark-mode #kt_dropzone_2 {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px dashed #424242 !important;
    color: #bfbfbf !important;
}
.manage-video-screen .overlay_container.dark-mode .dropzone-msg-title,
.manage-video-screen .overlay_container.dark-mode .dropzone .fa-upload {
    color: #bfbfbf !important;
}
.manage-video-screen .overlay_container.dark-mode .upload-container h1,
.manage-video-screen .overlay_container.dark-mode .upload-container ul,
.manage-video-screen .overlay_container.dark-mode .upload-container ul li {
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .select2-container--default .select2-selection--multiple,
.manage-video-screen .overlay_container.dark-mode .select2-container--default .select2-selection--single,
.manage-video-screen .overlay_container.dark-mode .tagging-container .select2-selection--multiple {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .select2-selection__rendered,
.manage-video-screen .overlay_container.dark-mode .select2-selection__placeholder,
.manage-video-screen .overlay_container.dark-mode .select2-search__field {
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .select2-selection__choice {
    background: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-video-screen .overlay_container.dark-mode .kt-switch input:empty ~ span:before {
    background-color: #424242 !important;
}
.manage-video-screen .overlay_container.dark-mode .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
}
/* Video player control bar — white pills need black text/icons */
.manage-video-screen .video-js .vjs-control-bar button,
.manage-video-screen .video-js .vjs-control-bar .vjs-button,
.manage-video-screen .vjs-add-question-button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 20px !important;
}
.manage-video-screen .video-js .vjs-control-bar button .vjs-icon-placeholder:before,
.manage-video-screen .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder:before,
.manage-video-screen .video-js .vjs-play-control .vjs-icon-placeholder:before,
.manage-video-screen .video-js .vjs-mute-control .vjs-icon-placeholder:before,
.manage-video-screen .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.manage-video-screen .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    color: #000000 !important;
}
.manage-video-screen .vjs-add-question-button:hover,
.manage-video-screen .video-js .vjs-control-bar button:hover,
.manage-video-screen .video-js .vjs-control-bar .vjs-button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-video-screen .video_container .back {
    color: #ffffff !important;
}
.manage-video-screen .video_container .back img {
    filter: invert(1);
}

/* Video Add Question modal — #242424 panel (not black), dark inputs, white Submit pill */
#question-modal .modal-content.dark-mode,
#question-modal .modal-content.modal-content_custom.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .modal-body,
#question-modal .modal-content.dark-mode .modal-body.dark-mode,
#question-modal .modal-content.dark-mode .modal-body--inner {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    padding: 2rem !important;
}
#question-modal .modal-content.dark-mode .question-title-row h1,
#question-modal .modal-content.dark-mode .dark-mode-light-text,
#question-modal .modal-content.dark-mode .char-counter {
    color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .question-create-questionblock textarea,
#question-modal .modal-content.dark-mode .question-create-questionblock textarea.dark-mode,
#question-modal .modal-content.dark-mode .mcq-option,
#question-modal .modal-content.dark-mode .mcq-option.dark-mode,
#question-modal .modal-content.dark-mode .mcq-input,
#question-modal .modal-content.dark-mode .mcq-input.dark-mode,
#question-modal .modal-content.dark-mode input.mcq-option {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .mcq-option.add-new,
#question-modal .modal-content.dark-mode .mcq-option.add-new.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
    color: #bfbfbf !important;
}
#question-modal .modal-content.dark-mode .mcq-option.correct-option {
    border: 2px solid #37c240 !important;
}
#question-modal .modal-content.dark-mode .mcq-check .mcq-checkmark {
    background-color: #242424 !important;
    border: 2px solid #ffffff !important;
}
#question-modal .modal-content.dark-mode .mcq-check input:checked ~ .mcq-checkmark,
#question-modal .modal-content.dark-mode .mcq-check:hover input ~ .mcq-checkmark {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .mcq-check input:checked ~ .mcq-checkmark::after {
    border-color: #000000 !important;
}
#question-modal .modal-content.dark-mode .modal-footer .confirm.btn.btn-pill,
#question-modal .modal-content.dark-mode .modal-footer .confirm.btn.btn-pill.dark-mode-dark-text {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.5rem 1.5rem !important;
    box-shadow: none !important;
}
#question-modal .modal-content.dark-mode .modal-footer .confirm.btn.btn-pill:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Delete icons — beat modal white text on pink circle (same as QB create) */
#question-modal .modal-content.dark-mode .mcq-delete div,
#question-modal .modal-content.dark-mode .question-title-row .flaticon-delete {
    background-color: #fdeaea !important;
    color: #f37676 !important;
}
#question-modal .modal-content.dark-mode .mcq-delete i,
#question-modal .modal-content.dark-mode .mcq-delete i:before,
#question-modal .modal-content.dark-mode .mcq-delete .flaticon-delete,
#question-modal .modal-content.dark-mode .mcq-delete .flaticon-delete:before,
#question-modal .modal-content.dark-mode .question-title-row .flaticon-delete,
#question-modal .modal-content.dark-mode .question-title-row .flaticon-delete:before {
    color: #f37676 !important;
    font-family: Flaticon !important;
}
/* Play/preview question modal — question text, options, checkmarks (not brand blue) */
#question-modal .modal-content.dark-mode .question-user-text,
#question-modal .modal-content.dark-mode .question-user-text.dark-mode-light-text,
#question-modal .modal-content.dark-mode .question-user .dark-mode-light-text,
#question-modal .modal-content.dark-mode .question-user .kt-font-dark,
#question-modal .modal-content.dark-mode .question-user p,
#question-modal .modal-content.dark-mode .question-user span,
#question-modal .modal-content.dark-mode .marked-answer {
    color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .question-user .mcq-row {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .question-user .mcq-row:hover {
    background: #424242 !important;
}
#question-modal .modal-content.dark-mode .question-user .mcq-row .mcq-checkmark {
    background-color: #242424 !important;
    border: 2px solid #ffffff !important;
    top: 50% !important;
    margin-top: -10px !important;
}
#question-modal .modal-content.dark-mode .question-user .mcq-row:hover input ~ .mcq-checkmark,
#question-modal .modal-content.dark-mode .question-user .mcq-row input:checked ~ .mcq-checkmark {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#question-modal .modal-content.dark-mode .question-user .mcq-row .mcq-checkmark::after,
#question-modal .modal-content.dark-mode .question-user .mcq-row input:checked ~ .mcq-checkmark::after {
    border-color: #000000 !important;
}
#question-modal .modal-content.dark-mode .modal-footer .confirm,
#question-modal .modal-content.dark-mode .modal-footer .confirm.btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.5rem 1.5rem !important;
    box-shadow: none !important;
    cursor: pointer;
}
#question-modal .modal-content.dark-mode .modal-footer .confirm:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Candy Popper in Slate Noir — scoped to the game wrapper only */
.gamiflexer-section .candyland-bg #question-modal .game-modal-content,
.gamiflexer-section .candyland-bg #quit-test-modal .game-modal-content {
    background: url(/images/game-candy-crush-resources/popbg.jpg) !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.gamiflexer-section .candyland-bg #question-modal #question-text,
.gamiflexer-section .candyland-bg #quit-test-modal #question-text {
    color: #000000 !important;
    text-shadow: 2px 2px 5px #ffffff !important;
}
.gamiflexer-section .candyland-bg #question-modal #feedback,
.gamiflexer-section .candyland-bg #quit-test-modal #feedback {
    color: #000000 !important;
    text-shadow: 2px 2px 5px #ffffff !important;
}
.gamiflexer-section .candyland-bg #question-modal #answer-options .option,
.gamiflexer-section .candyland-bg #question-modal #submitAnswerButton,
.gamiflexer-section .candyland-bg #question-modal #endQuizButton,
.gamiflexer-section .candyland-bg #quit-test-modal .support-button {
    background: rgb(255, 151, 0) !important;
    background-color: rgb(255, 151, 0) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
}
.gamiflexer-section .candyland-bg #question-modal #submitAnswerButton {
    background: #ff69b4 !important;
    background-color: #ff69b4 !important;
}
.gamiflexer-section .candyland-bg #question-modal #answer-options .option:hover,
.gamiflexer-section .candyland-bg #question-modal #endQuizButton:hover,
.gamiflexer-section .candyland-bg #quit-test-modal .support-button:hover {
    color: #000000 !important;
}

/* Quizeria in Slate Noir — keep the KBC-style panel and buttons */
.gamiflexer-section gamiflexer-quizeria .quiz-body,
.gamiflexer-section gamiflexer-quizeria #quit-test-modal {
    background-image: radial-gradient(circle farthest-corner at 48.4% 47.5%, rgb(2 114 246) 0%, rgb(5 33 69) 90%) !important;
    border: 4px solid #ddba00 !important;
}
.gamiflexer-section gamiflexer-quizeria #question,
.gamiflexer-section gamiflexer-quizeria #feedback {
    color: #ffffff !important;
}
.gamiflexer-section gamiflexer-quizeria #options .option {
    background-image: radial-gradient(circle farthest-corner at 48.4% 47.5%, rgb(9 122 255) 0%, rgba(21, 83, 161, 1) 90%) !important;
    color: #ffffff !important;
    border: 2px solid gold !important;
}
.gamiflexer-section gamiflexer-quizeria #options .option:hover {
    background: orange !important;
    color: #000000 !important;
}
.gamiflexer-section gamiflexer-quizeria #submit-answer-button,
.gamiflexer-section gamiflexer-quizeria #next,
.gamiflexer-section gamiflexer-quizeria #quit-test-button,
.gamiflexer-section gamiflexer-quizeria #cancel-quit-test-button,
.gamiflexer-section gamiflexer-quizeria .btn-87 {
    background-image: linear-gradient(45deg, #ff512f 0%, #f09819 51%, #ff512f 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: 0 !important;
}

/* Jigsaw in Slate Noir — restore the template modal palette */
.gamiflexer-section gamiflexer-jigsaw .question-modal .modal-content,
.gamiflexer-section gamiflexer-jigsaw .end-quiz-modal .modal-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #333333 !important;
}
.gamiflexer-section gamiflexer-jigsaw #question-text,
.gamiflexer-section gamiflexer-jigsaw #feedback {
    color: #333333 !important;
    text-shadow: none !important;
}
.gamiflexer-section gamiflexer-jigsaw .options-container .option,
.gamiflexer-section gamiflexer-jigsaw .quit-test-button,
.gamiflexer-section gamiflexer-jigsaw .cancel-quit-test-button {
    background: #e0e0e0 !important;
    background-color: #e0e0e0 !important;
    background-image: none !important;
    color: #333333 !important;
    border: 2px solid transparent !important;
}
.gamiflexer-section gamiflexer-jigsaw .options-container .option:hover,
.gamiflexer-section gamiflexer-jigsaw .options-container .option.selected {
    background: #ffd700 !important;
    background-image: linear-gradient(45deg, #ffd700 0%, #ffff00 51%, #ffd700 100%) !important;
    color: #000000 !important;
}
.gamiflexer-section gamiflexer-jigsaw .submit-answer {
    background: #28a745 !important;
    background-color: #28a745 !important;
    color: #ffffff !important;
    border: none !important;
}
.gamiflexer-section gamiflexer-jigsaw .next-button {
    background: #007bff !important;
    background-color: #007bff !important;
    color: #ffffff !important;
    border: none !important;
}

/* Spin Wheel and Spin Wheel 2 in Slate Noir — restore carnival curtains modal (same as Atum Erbium) */
.gamiflexer-section gamiflexer-spin-wheel #question-modal,
.gamiflexer-section gamiflexer-spin-wheel-2 #question-modal,
.gamiflexer-section gamiflexer-spin-wheel #quit-test-modal,
.gamiflexer-section gamiflexer-spin-wheel-2 #quit-test-modal,
.gamiflexer-section gamiflexer-spin-wheel .end-quiz-modal,
.gamiflexer-section gamiflexer-spin-wheel-2 .end-quiz-modal {
    background-color: transparent !important;
    background-image: url(/images/carnivalGame/curtains.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.gamiflexer-section gamiflexer-spin-wheel #question-modal .carnival-text,
.gamiflexer-section gamiflexer-spin-wheel-2 #question-modal .carnival-text,
.gamiflexer-section gamiflexer-spin-wheel #quit-test-modal .carnival-text,
.gamiflexer-section gamiflexer-spin-wheel-2 #quit-test-modal .carnival-text,
.gamiflexer-section gamiflexer-spin-wheel #end-quiz-modal-text,
.gamiflexer-section gamiflexer-spin-wheel-2 #end-quiz-modal-text,
.gamiflexer-section gamiflexer-spin-wheel #question-modal h3,
.gamiflexer-section gamiflexer-spin-wheel-2 #question-modal h3 {
    color: #ff3d3d !important;
    text-shadow: 1px 1px 1px #000000 !important;
    background: antiquewhite !important;
}
.gamiflexer-section gamiflexer-spin-wheel #feedback,
.gamiflexer-section gamiflexer-spin-wheel-2 #feedback {
    color: #000000 !important;
}
.gamiflexer-section gamiflexer-spin-wheel .options .option,
.gamiflexer-section gamiflexer-spin-wheel-2 .options .option {
    background: linear-gradient(135deg, #f3e7fa 0%, #e3d1f7 50%, hsl(312, 77%, 77%) 100%) !important;
    background-color: transparent !important;
    color: #000000 !important;
    border: 1px solid #ccc !important;
}
.gamiflexer-section gamiflexer-spin-wheel .submit-answer-button,
.gamiflexer-section gamiflexer-spin-wheel .quit-test-modal-button,
.gamiflexer-section gamiflexer-spin-wheel .cancel-quit-test-modal-button,
.gamiflexer-section gamiflexer-spin-wheel .spin-again-btn,
.gamiflexer-section gamiflexer-spin-wheel .complete-quiz-btn,
.gamiflexer-section gamiflexer-spin-wheel .end-quiz-button,
.gamiflexer-section gamiflexer-spin-wheel-2 .submit-answer-button,
.gamiflexer-section gamiflexer-spin-wheel-2 .quit-test-modal-button,
.gamiflexer-section gamiflexer-spin-wheel-2 .cancel-quit-test-modal-button,
.gamiflexer-section gamiflexer-spin-wheel-2 .next-question-btn,
.gamiflexer-section gamiflexer-spin-wheel-2 .complete-quiz-btn,
.gamiflexer-section gamiflexer-spin-wheel-2 .end-quiz-button {
    background-color: #4158d0 !important;
    background-image: linear-gradient(43deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Video play page — Submit pill + control/marker icons */
.video-play-screen .submit-button,
.video-play-screen .submit-button.btn-pill,
.video-play-screen #submitButton,
#submit-modal .modal-content.dark-mode .submit-button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.video-play-screen .submit-button.resizeButton {
    color: #ffffff !important;
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
}
/* Video play control bar — white pills need black icons (same as manage-video-screen) */
.video-play-screen .video-js .vjs-control-bar button,
.video-play-screen .video-js .vjs-control-bar .vjs-button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 20px !important;
}
.video-play-screen .video-js .vjs-control-bar button .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-mute-control .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.video-play-screen .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    color: #000000 !important;
}
.video-play-screen .video-js .vjs-control-bar button:hover,
.video-play-screen .video-js .vjs-control-bar .vjs-button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.video-play-screen .video-js .vjs-play-progress,
.video-play-screen .video-js .vjs-volume-level {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.video-play-screen .vjs-marker,
.video-play-screen .video-js .vjs-marker {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    border-color: #ffffff !important;
}
.video-play-screen .vjs-marker:hover,
.video-play-screen .video-js .vjs-marker:hover {
    background-color: #ffffff !important;
}
.video-play-screen .video-js .vjs-time-control,
.video-play-screen .video-js .vjs-remaining-time,
.video-play-screen .video-js .vjs-current-time,
.video-play-screen .video-js .vjs-duration {
    color: #ffffff !important;
}
#submit-modal .modal-content.dark-mode {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#submit-modal .modal-content.dark-mode .dark-mode-light-text {
    color: #ffffff !important;
}

/* Question Bank / Survey Questions create */
.questionbank-create-screen .qb-question-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card--body h1,
.questionbank-create-screen .qb-question-card--body h3 {
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card:hover {
    background-color: #424242 !important;
}
.questionbank-create-screen .subscription-expired,
.questionbank-create-screen .language {
    background: #242424 !important;
    border: 1px solid #fc5100 !important;
}
.questionbank-create-screen .subscription-expired h5,
.questionbank-create-screen .subscription-expired h2,
.questionbank-create-screen .language h5 {
    color: #ffb080 !important;
}
.questionbank-create-screen .question-stack--container ul li,
.questionbank-create-screen .question-stack--header,
.questionbank-create-screen .question-stack--body,
.questionbank-create-screen .question-create-container .question-create-questionblock textarea,
.questionbank-create-screen .question-create-answerblock textarea,
.questionbank-create-screen .mtf-option {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.questionbank-create-screen .mtf-row-new input,
.questionbank-create-screen .mtf-input,
.questionbank-create-screen #id_mtf_left_answer,
.questionbank-create-screen #id_mtf_right_answer {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
.questionbank-create-screen .mtf-row-new input::placeholder,
.questionbank-create-screen .mtf-input::placeholder {
    color: #888888 !important;
}
.questionbank-create-screen .mtf-header {
    color: #bfbfbf !important;
}
.questionbank-create-screen .save-mtf {
    color: #ffffff !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .kt-switch input:empty ~ span:before {
    background-color: #424242 !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .dropzone,
.questionbank-create-screen #mySidenav.sidenav.dark-mode .dropzone-default {
    background: #242424 !important;
    border: 1px dashed #666666 !important;
}
.questionbank-create-screen #mySidenav.sidenav.dark-mode .record,
.questionbank-create-screen #mySidenav.sidenav.dark-mode .record i {
    color: #ffffff !important;
}
/* Translate sidenav — dark panel, engine pills, language dropdown */
#translateSideNav.sidenav.dark-mode .company-logo {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    border-radius: 20px !important;
    color: #ffffff !important;
}
#translateSideNav.sidenav.dark-mode .company-logo.selected {
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
#translateSideNav.sidenav.dark-mode .sidenav--header .item,
#translateSideNav.sidenav.dark-mode .action-container .item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#translateSideNav.sidenav.dark-mode .sidenav--header .item:hover,
#translateSideNav.sidenav.dark-mode .action-container .item:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#translateSideNav.sidenav.dark-mode select,
#translateSideNav.sidenav.dark-mode select.dark-mode,
#translateSideNav.sidenav.dark-mode .sidenav-form--input-container select {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    border-radius: 20px !important;
}
#translateSideNav.sidenav.dark-mode select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
#translateSideNav.sidenav.dark-mode .enabled-languages {
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background: transparent !important;
    border-radius: 20px !important;
}
#translateSideNav.sidenav.dark-mode label,
#translateSideNav.sidenav.dark-mode .poppins,
#translateSideNav.sidenav.dark-mode .dark-mode-light-text {
    color: #ffffff !important;
}
#translateSideNav.sidenav.dark-mode #submit,
#translateSideNav.sidenav.dark-mode .sidenav-form--input > button:not(.enabled-languages) {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#translateSideNav.sidenav.dark-mode #submit:hover,
#translateSideNav.sidenav.dark-mode .sidenav-form--input > button:not(.enabled-languages):hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Manual translate sidenav */
#myManualTranslateSidenav.sidenav.dark-mode .sidenav--body-content_container,
#myManualTranslateSidenav.sidenav.dark-mode .sidenav--body-content_container h1,
#myManualTranslateSidenav.sidenav.dark-mode .sidenav--body-content_container h3,
#myManualTranslateSidenav.sidenav.dark-mode .sidenav-form--input p,
#myManualTranslateSidenav.sidenav.dark-mode .dark-mode-light-text {
    color: #ffffff !important;
}
#myManualTranslateSidenav.sidenav.dark-mode select,
#myManualTranslateSidenav.sidenav.dark-mode input,
#myManualTranslateSidenav.sidenav.dark-mode .grid-head.dark-mode,
#myManualTranslateSidenav.sidenav.dark-mode .grid-head.dark-mode th,
#myManualTranslateSidenav.sidenav.dark-mode .grid-row.dark-mode,
#myManualTranslateSidenav.sidenav.dark-mode .grid-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#myManualTranslateSidenav.sidenav.dark-mode .grid-head.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
}
#myManualTranslateSidenav.sidenav.dark-mode .sidenav-form--input > button,
#myManualTranslateSidenav.sidenav.dark-mode #addTranslation {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#myManualTranslateSidenav.sidenav.dark-mode .sidenav-form--input > button:hover,
#myManualTranslateSidenav.sidenav.dark-mode #addTranslation:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#myManualTranslateSidenav.sidenav.dark-mode input::placeholder {
    color: #888888 !important;
}
.questionbank-create-screen .question-stack--container ul li h1,
.questionbank-create-screen .question-stack--container ul li h3,
.questionbank-create-screen .question-stack--header .add-question,
.questionbank-create-screen .question-create-container .question-create-header .qnum,
.questionbank-create-screen .question-create-container .question-create-header .qtype,
.questionbank-create-screen .chromium_container--header h1,
.questionbank-create-screen .chromium_container--header h2,
.questionbank-create-screen .chromium_container--header h3 {
    color: #ffffff !important;
}
.questionbank-create-screen .chromium_container--header .btn.btn-pill,
.questionbank-create-screen .header-button,
.questionbank-create-screen .btn.btn-pill.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.questionbank-create-screen .chromium_container--header .btn.btn-pill a,
.questionbank-create-screen .header-button a,
.questionbank-create-screen a.white {
    color: #000000 !important;
}
.questionbank-create-screen .question-stack--header .header-icon,
.questionbank-create-screen .question-stack--header .configure,
.questionbank-create-screen .question-stack--header .delete-question,
.questionbank-create-screen .question-stack--header .fa-edit {
    color: #ffffff !important;
}
/* Tag icon next to question title — beat .info-tooltip white pill */
.questionbank-create-screen .flaticon2-tag,
.questionbank-create-screen .flaticon2-tag.info-tooltip,
.questionbank-create-screen .flaticon2-tag.i_icons,
.questionbank-create-screen i.flaticon2-tag.info-tooltip.i_icons {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

/* Page layout preview sidenav */
.page-layout-preview-sidenav.sidenav.dark-mode,
.page-layout-preview-sidenav.sidenav.dark-mode .sidenav--body,
.page-layout-preview-sidenav.sidenav.dark-mode .sidenav--body-content {
    background: #000000 !important;
    background-color: #000000 !important;
}
.page-layout-preview-sidenav .page-layout-preview__title {
    color: #ffffff !important;
}
.page-layout-preview-sidenav .page-layout-preview__image-wrap {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.page-layout-preview-sidenav.sidenav.dark-mode .sidenav--header p,
.page-layout-preview-sidenav.sidenav.dark-mode .sidenav--header p img {
    color: #ffffff !important;
    filter: brightness(0) invert(1);
}

/* Question Bank — type cards, bulk upload, ticks, button hover */
.questionbank-create-screen .qb-question-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.questionbank-create-screen .qb-question-card:hover,
.questionbank-create-screen .qb-question-card.no-hover:hover,
.questionbank-create-screen .no-hover:hover {
    background: #242424 !important;
    background-color: #242424 !important;
}
.questionbank-create-screen .qb-question-card--header button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
}
.questionbank-create-screen .qb-question-card:hover .qb-question-card--header button {
    color: #000000 !important;
    background: #ffffff !important;
}
.questionbank-create-screen .qb-question-card--body h1,
.questionbank-create-screen .qb-question-card--body h3 {
    color: #ffffff !important;
}
.questionbank-create-screen .upload-container,
.questionbank-create-screen .upload-container h1 {
    color: #ffffff !important;
}
.questionbank-create-screen .upload-container .dropzone,
.questionbank-create-screen .upload-container .dropzone-default,
.questionbank-create-screen #qb_dropzone {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px dashed #424242 !important;
    color: #bfbfbf !important;
}
.questionbank-create-screen .upload-container .dropzone-msg-title,
.questionbank-create-screen .upload-container .dropzone .fa-upload,
.questionbank-create-screen .upload-container .dropzone b {
    color: #ffffff !important;
}
.questionbank-create-screen .upload-container .table,
.questionbank-create-screen .upload-container .auto-number-table {
    color: #ffffff !important;
    background: #242424 !important;
}
.questionbank-create-screen .upload-container .thead-light,
.questionbank-create-screen .upload-container .thead-light th,
.questionbank-create-screen .upload-container thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.questionbank-create-screen .upload-container .table td,
.questionbank-create-screen .upload-container .table th,
.questionbank-create-screen .upload-container .auto-number-table tbody tr th,
.questionbank-create-screen .upload-container .auto-number-table tbody tr td {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.questionbank-create-screen .upload-container .table-hover tbody tr:hover,
.questionbank-create-screen .upload-container .table-hover tbody tr:hover td,
.questionbank-create-screen .upload-container .table-hover tbody tr:hover th {
    background: #424242 !important;
    color: #ffffff !important;
}
.questionbank-create-screen .upload-container ol,
.questionbank-create-screen .upload-container ol li,
.questionbank-create-screen .upload-container a {
    color: #bfbfbf !important;
}
.questionbank-create-screen .upload-container a:hover {
    color: #ffffff !important;
}
/* TF / MCQ tick: theme sets checked bg to --color (#fff) → white tick invisible */
/* TF / MCQ answer option chips — scoped to QB create only (not attempt/play) */
.questionbank-create-screen .mcq-block .mcq-option {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.questionbank-create-screen .mcq-block .mcq-option span {
    color: #ffffff !important;
}
.questionbank-create-screen .mcq-block .correct-option {
    border-color: #37c240 !important;
}
.questionbank-create-screen .mcq-block .add-new {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
/* Add New Question row */
.questionbank-create-screen .question-stack--container ul li:has(#id_add_new_question),
.questionbank-create-screen #id_add_new_question,
.questionbank-create-screen #id_add_new_question.question-stack--header {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.questionbank-create-screen #id_add_new_question:hover,
.questionbank-create-screen #id_add_new_question:active,
.questionbank-create-screen #id_add_new_question:focus {
    background: #242424 !important;
    background-color: #242424 !important;
}
.questionbank-create-screen #id_add_new_question .add-question,
.questionbank-create-screen #id_add_new_question .header-icon {
    color: #ffffff !important;
}
/* MCQ / Likert / Quality — "Enter option here" row */
.questionbank-create-screen .new-row input,
.questionbank-create-screen .new-row input.w-100,
.questionbank-create-screen #id_mcq_answer {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 20px !important;
    color: #ffffff !important;
}
.questionbank-create-screen .new-row input::placeholder,
.questionbank-create-screen #id_mcq_answer::placeholder {
    color: #888888 !important;
}
.questionbank-create-screen .new-row .mcq-check,
.questionbank-create-screen .new-row .save-mtf,
.questionbank-create-screen .mcq-block .save {
    color: #ffffff !important;
}
.questionbank-create-screen .mcq-check .mcq-checkmark {
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
}
.questionbank-create-screen .mcq-check:hover input ~ .mcq-checkmark,
.questionbank-create-screen .mcq-check input:checked ~ .mcq-checkmark {
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.questionbank-create-screen .mcq-check .mcq-checkmark::after {
    border-color: #000000 !important;
    border: solid #000000;
    border-width: 0 3px 3px 0 !important;
}
/* MCQ / TF type-card icons — keep flaticon glyphs visible */
.questionbank-create-screen .qb-question-card--header .question-icon {
    background: #3edc6d !important;
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card--header .question-icon.danger {
    background: #f37676 !important;
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card--header .question-icon.fade {
    opacity: 0.55 !important;
}
.questionbank-create-screen .qb-question-card--header .question-icon i,
.questionbank-create-screen .qb-question-card--header .question-icon i:before,
.questionbank-create-screen .qb-question-card--header .flaticon2-check-mark,
.questionbank-create-screen .qb-question-card--header .flaticon2-check-mark:before,
.questionbank-create-screen .qb-question-card--header .flaticon2-cross,
.questionbank-create-screen .qb-question-card--header .flaticon2-cross:before {
    color: #ffffff !important;
    font-family: Flaticon2 !important;
}
.questionbank-create-screen .qb-question-card:hover .qb-question-card--header .question-icon {
    background: #3edc6d !important;
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card:hover .qb-question-card--header .question-icon.danger {
    background: #f37676 !important;
}
.questionbank-create-screen .qb-question-card:hover .qb-question-card--header .question-icon i,
.questionbank-create-screen .qb-question-card:hover .qb-question-card--header .question-icon i:before {
    color: #ffffff !important;
}
.questionbank-create-screen .qb-question-card--header .light-i,
.questionbank-create-screen .qb-question-card--header .flaticon2-line {
    color: #bfbfbf !important;
}
/* Answer-row edit icon — theme .flaticon-edit uses --color (#fff) on light pink = invisible */
.questionbank-create-screen .mcq-delete div {
    background-color: #242424 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
.questionbank-create-screen .mcq-delete .flaticon-edit,
.questionbank-create-screen .mcq-delete .flaticon-edit:before,
.questionbank-create-screen .mcq-delete i,
.questionbank-create-screen .mcq-delete i:before {
    color: #ffffff !important;
    font-family: Flaticon !important;
}
.questionbank-create-screen .question-stack--header .delete-question {
    background-color: #fdeaea !important;
    color: #f37676 !important;
}
.questionbank-create-screen .question-stack--header .delete-question i,
.questionbank-create-screen .question-stack--header .delete-question .flaticon-delete,
.questionbank-create-screen .question-stack--header .delete-question .flaticon-delete:before {
    color: #f37676 !important;
}
.questionbank-create-screen .question-stack--header .configure,
.questionbank-create-screen .question-stack--header .fa-edit,
.questionbank-create-screen .question-stack--header .header-icon {
    color: #ffffff !important;
}
/* Back / Continue / Translate — keep black text on white pills (incl. hover) */
.questionbank-create-screen .btn.btn-pill,
.questionbank-create-screen .btn.btn-pill.btn-brand,
.questionbank-create-screen .btn.btn-brand.btn-pill,
.questionbank-create-screen .header-button,
.questionbank-create-screen .btn.btn-pill:hover,
.questionbank-create-screen .btn.btn-pill.btn-brand:hover,
.questionbank-create-screen .btn.btn-brand.btn-pill:hover,
.questionbank-create-screen .btn.btn-brand:hover,
.questionbank-create-screen .header-button:hover,
.questionbank-create-screen .hover-button:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.questionbank-create-screen .btn.btn-pill:hover a,
.questionbank-create-screen .btn.btn-pill:hover a.white,
.questionbank-create-screen .header-button:hover a,
.questionbank-create-screen .header-button:hover a.white,
.questionbank-create-screen .hover-button:hover > a.white,
.questionbank-create-screen .header-button > i,
.questionbank-create-screen .hover-button > i,
.questionbank-create-screen .header-button > i.fa-chevron-left,
.questionbank-create-screen .hover-button > i.fa-chevron-left {
    color: #000000 !important;
}
.questionbank-create-screen a.white {
    color: #000000 !important;
}
.questionbank-create-screen .question-create-footer button,
.questionbank-create-screen .save-hint,
.questionbank-create-screen .save-hint > span,
.questionbank-create-screen #save_mcq_answer,
.questionbank-create-screen #id_mtf_save_answer {
    color: #ffffff !important;
}
/* Configure Question — select2 tag dropdown (menu attaches to body) */
#mySidenav.sidenav.dark-mode .select2-container--default .select2-selection--multiple,
#mySidenav.sidenav.dark-mode .select2-container--default .select2-selection--single,
#mySidenav.sidenav.dark-mode #selectType-tag + .select2-container .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    min-height: 38px !important;
}
#mySidenav.sidenav.dark-mode .select2-selection__choice,
#mySidenav.sidenav.dark-mode .select2-selection__placeholder,
#mySidenav.sidenav.dark-mode .select2-selection__rendered,
#mySidenav.sidenav.dark-mode .select2-search--inline .select2-search__field {
    color: #ffffff !important;
}
#mySidenav.sidenav.dark-mode .select2-selection__choice {
    background: #424242 !important;
    border-color: #666666 !important;
}
#mySidenav.sidenav.dark-mode .select2-selection__choice__remove {
    color: #ffffff !important;
}
body:has(.questionbank-create-screen) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
body:has(.questionbank-create-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.questionbank-create-screen) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
body:has(.questionbank-create-screen) .select2-container--default .select2-results__option--highlighted,
body:has(.questionbank-create-screen) .select2-container--default .select2-results__option[aria-selected=true] {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Attached media card in configure sidenav */
.questionbank-create-screen #mySidenav .media-stack--container .card,
.questionbank-create-screen #mySidenav .media-stack--container ul li.card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.questionbank-create-screen #mySidenav .media-stack--container ul li h1,
.questionbank-create-screen #mySidenav .media-stack--container ul li h3 {
    color: #bfbfbf !important;
}
/* Download File — beat .ae-download-file-btn var(--color)/var(--white-color) (white-on-light in Slate Noir) */
.questionbank-create-screen .ae-download-file-btn,
.questionbank-create-screen .ae-download-file-btn.dark-mode-dark-text,
.questionbank-create-screen .media-stack--container .btn-outline-success.ae-download-file-btn,
.sidenav.dark-mode .ae-download-file-btn,
.sidenav.dark-mode .ae-download-file-btn.dark-mode-dark-text {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    opacity: 1 !important;
}
/* Grey only while pressed — beat shared .ae-download-file-btn:hover/:focus (sticky grey on mobile) */
.questionbank-create-screen .ae-download-file-btn:not(:active),
.questionbank-create-screen .ae-download-file-btn:not(:active):hover,
.questionbank-create-screen .ae-download-file-btn:not(:active):focus,
.questionbank-create-screen .ae-download-file-btn:not(:active):focus-visible,
.questionbank-create-screen .ae-download-file-btn.dark-mode-dark-text:not(:active),
.questionbank-create-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active),
.questionbank-create-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active):hover,
.questionbank-create-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active):focus,
.sidenav.dark-mode .ae-download-file-btn:not(:active),
.sidenav.dark-mode .ae-download-file-btn:not(:active):hover,
.sidenav.dark-mode .ae-download-file-btn:not(:active):focus,
.sidenav.dark-mode .ae-download-file-btn:not(:active):focus-visible,
.sidenav.dark-mode .ae-download-file-btn.dark-mode-dark-text:not(:active) {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
    outline: none !important;
    box-shadow: none !important;
}
.questionbank-create-screen .ae-download-file-btn:active,
.questionbank-create-screen .ae-download-file-btn.dark-mode-dark-text:active,
.questionbank-create-screen .media-stack--container .btn-outline-success.ae-download-file-btn:active,
.sidenav.dark-mode .ae-download-file-btn:active,
.sidenav.dark-mode .ae-download-file-btn.dark-mode-dark-text:active {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
    opacity: 1 !important;
}
.questionbank-create-screen .ae-download-file-btn i,
.questionbank-create-screen .ae-download-file-btn:not(:active) i,
.questionbank-create-screen .ae-download-file-btn:not(:active):hover i,
.questionbank-create-screen .ae-download-file-btn:not(:active):focus i,
.questionbank-create-screen .ae-download-file-btn:active i,
.sidenav.dark-mode .ae-download-file-btn i,
.sidenav.dark-mode .ae-download-file-btn:not(:active) i,
.sidenav.dark-mode .ae-download-file-btn:not(:active):hover i,
.sidenav.dark-mode .ae-download-file-btn:not(:active):focus i,
.sidenav.dark-mode .ae-download-file-btn:active i {
    color: #000000 !important;
}
/* Tag pills in configure sidenav */
.questionbank-create-screen #mySidenav .selectedTagsStyled {
    border: 2px solid #ffffff !important;
    background: transparent !important;
    color: #ffffff !important;
}
/* Attached Tags modal */
.questionbank-create-screen .modal-content.dark-mode.border-none,
.questionbank-create-screen .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.questionbank-create-screen .modal-content.dark-mode .filter__modal-footer__span,
.questionbank-create-screen .modal-content.dark-mode .filter__modal-footer__span-color {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.5rem 1.5rem !important;
}
.questionbank-create-screen .modal-content.dark-mode .filter__modal-footer__span:hover,
.questionbank-create-screen .modal-content.dark-mode .filter__modal-footer__span-color:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
/* Bulk translation upload sidenav */
#bulkTranslationUploadSidenav.sidenav.dark-mode .dropzone,
#bulkTranslationUploadSidenav.sidenav.dark-mode .dropzone-default {
    background: #242424 !important;
    border: 1px dashed #666666 !important;
}
#bulkTranslationUploadSidenav.sidenav.dark-mode .dropzone-msg-title,
#bulkTranslationUploadSidenav.sidenav.dark-mode .dropzone-msg-desc {
    color: #ffffff !important;
}
#bulkTranslationUploadSidenav.sidenav.dark-mode .btn-outline-brand {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* Reinforce assessment wizard via sidenav.dark-mode (always present) */
.sidenav.dark-mode .create-assessment .wizard-field-group {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .create-assessment button.page-layout-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .create-assessment button.page-layout-card.is-selected {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #ffffff !important;
}
/* Page layout card icons (classic.svg) — white for Slate Noir only */
.sidenav.dark-mode .create-assessment .page-layout-card__icon img,
.manage-assessment-screen .create-assessment .page-layout-card__icon img {
    filter: brightness(0) invert(1) !important;
}
.sidenav.dark-mode .create-assessment .page-layout-card__title,
.sidenav.dark-mode .create-assessment .page-layout-card__desc,
.sidenav.dark-mode .create-assessment .wizard-field-group__title,
.sidenav.dark-mode .create-assessment .wizard-field-group__subtitle,
.sidenav.dark-mode .create-assessment .wizard-field-group__label,
.sidenav.dark-mode .create-assessment .wizard-preference-row__item p,
.sidenav.dark-mode .create-assessment .sidenav-form--input p,
.sidenav.dark-mode .create-assessment .sidenav-form__header p,
.sidenav.dark-mode .create-assessment .btn-preview-outline {
    color: #ffffff !important;
}
.sidenav.dark-mode .create-assessment .btn-preview-outline {
    border: 1px solid #ffffff !important;
    background: transparent !important;
}
.sidenav.dark-mode .create-assessment .page-layout-card__radio {
    border-color: #bfbfbf !important;
}
.sidenav.dark-mode .create-assessment button.page-layout-card.is-selected .page-layout-card__radio {
    border-color: #ffffff !important;
    box-shadow: inset 0 0 0 4px #ffffff !important;
}
.sidenav.dark-mode .create-assessment .irs--round .irs-bar,
.sidenav.dark-mode .create-assessment .irs--round .irs-handle {
    background: #ffffff !important;
}
.sidenav.dark-mode .create-assessment .irs--round .irs-line {
    background: #424242 !important;
}
.sidenav.dark-mode .create-assessment .irs--round .irs-from,
.sidenav.dark-mode .create-assessment .irs--round .irs-to,
.sidenav.dark-mode .create-assessment .irs--round .irs-single {
    background: #000000 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .create-assessment .irs--round .irs-min,
.sidenav.dark-mode .create-assessment .irs--round .irs-max,
.manage-assessment-screen .create-assessment .irs--round .irs-min,
.manage-assessment-screen .create-assessment .irs--round .irs-max {
    color: #ffffff !important;
    background-color: transparent !important;
}
.sidenav.dark-mode .create-assessment .kt-switch input:empty ~ span:before {
    background-color: #424242 !important;
}
.sidenav.dark-mode .create-assessment .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
}
.sidenav.dark-mode .create-assessment .cke_contents iframe {
    background: #242424 !important;
}
.sidenav.dark-mode .create-assessment .cke,
.sidenav.dark-mode .create-assessment .cke_chrome,
.sidenav.dark-mode .create-assessment .cke_inner,
.sidenav.dark-mode .create-assessment .cke_top,
.sidenav.dark-mode .create-assessment .cke_bottom,
.sidenav.dark-mode .create-assessment .cke_contents,
.manage-assessment-screen .create-assessment .cke,
.manage-assessment-screen .create-assessment .cke_chrome,
.manage-assessment-screen .create-assessment .cke_inner,
.manage-assessment-screen .create-assessment .cke_top,
.manage-assessment-screen .create-assessment .cke_bottom,
.manage-assessment-screen .create-assessment .cke_contents {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .create-assessment .cke_top,
.sidenav.dark-mode .create-assessment .cke_toolbox,
.manage-assessment-screen .create-assessment .cke_top,
.manage-assessment-screen .create-assessment .cke_toolbox {
    background: #242424 !important;
    background-color: #242424 !important;
}
.sidenav.dark-mode .create-assessment .sidenav--body-content_container,
.sidenav.dark-mode .create-assessment .collapsible-container,
.sidenav.dark-mode .create-assessment .collapsible-container--body,
.sidenav.dark-mode .create-assessment .collapsible-container--header {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .create-assessment .collapsible-container--header p,
.sidenav.dark-mode .create-assessment #characterCountLabel {
    color: #bfbfbf !important;
}

.manage-listbox-screen .sidenav.dark-mode,
.manage-listbox-screen .sidenav.dark-mode .sidenav--body-content_container {
    background: #242424 !important;
    border-color: #424242 !important;
}
.manage-listbox-screen .sidenav.dark-mode .sidenav-form--input p,
.manage-listbox-screen .sidenav.dark-mode h1,
.manage-listbox-screen .sidenav.dark-mode label {
    color: #ffffff !important;
}
.manage-listbox-screen .sidenav.dark-mode input,
.manage-listbox-screen .sidenav.dark-mode select,
.manage-listbox-screen .sidenav.dark-mode textarea {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-listbox-screen .sidenav.dark-mode .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* SweetAlert error modal readability on Slate Noir */
.swal2-popup,
.swal2-modal,
.sweet-alert {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.swal2-popup .swal2-title,
.swal2-popup .swal2-content,
.swal2-popup .swal2-html-container,
.sweet-alert h2,
.sweet-alert p,
.sweet-alert .swal-ul,
.sweet-alert .swal-ul li,
.sweet-alert .swal-ul strong {
    color: #ffffff !important;
}
.swal2-popup .swal2-confirm,
.swal2-popup .swal2-confirm.swal2-styled,
.swal2-popup button.swal2-confirm,
.sweet-alert .confirm,
.sweet-alert button.confirm {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    min-width: 6rem !important;
    min-height: 2.5rem !important;
    padding: 0.55rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    opacity: 1 !important;
}
.swal2-popup .swal2-confirm:hover,
.swal2-popup .swal2-confirm.swal2-styled:hover,
.swal2-popup button.swal2-confirm:hover,
.sweet-alert .confirm:hover,
.sweet-alert button.confirm:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
    filter: none !important;
}
.swal2-popup .swal2-actions {
    margin: 1.25rem auto 0.5rem !important;
}

/* Sidenav radios — Periodicity Unit (off + on) */
.sidenav.dark-mode .kt-radio {
    color: #ffffff !important;
}
.sidenav.dark-mode .kt-radio > span {
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid #bfbfbf !important;
}
.sidenav.dark-mode .kt-radio > span:after {
    border-color: #ffffff !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.sidenav.dark-mode .kt-radio > input:checked ~ span {
    background-color: transparent !important;
    background: transparent !important;
    border-color: #ffffff !important;
}
.sidenav.dark-mode .kt-radio > input:checked ~ span:after {
    display: block !important;
    border-color: #ffffff !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.sidenav.dark-mode .kt-radio:hover > input:not([disabled]) ~ span {
    border-color: #ffffff !important;
}

/* Sidenav switches — Gamified Assessment etc. (off + on) */
.sidenav.dark-mode .kt-switch input:empty ~ span:before,
.sidenav.dark-mode .kt-switch input:checked ~ span:before,
.sidenav.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:before,
.sidenav.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
}
.sidenav.dark-mode .kt-switch input:empty ~ span:after,
.sidenav.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: #bfbfbf !important;
    opacity: 1 !important;
}
.sidenav.dark-mode .kt-switch input:checked ~ span:before,
.sidenav.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.sidenav.dark-mode .kt-switch input:checked ~ span:after,
.sidenav.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
}

/* CKEditor chrome inside dark sidenav */
.sidenav.dark-mode .cke,
.sidenav.dark-mode .cke_chrome,
.sidenav.dark-mode .ng-ckeditor .cke {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .cke_inner,
.sidenav.dark-mode .cke_top,
.sidenav.dark-mode .cke_bottom,
.sidenav.dark-mode .cke_toolbox,
.sidenav.dark-mode .cke_toolbar,
.sidenav.dark-mode .cke_toolgroup,
.sidenav.dark-mode .cke_combo_button {
    background: #242424 !important;
    background-color: #242424 !important;
    background-image: none !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .cke_contents {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .cke_wysiwyg_frame,
.sidenav.dark-mode .cke_wysiwyg_div {
    background-color: #000000 !important;
}
.sidenav.dark-mode .cke_button_icon,
.sidenav.dark-mode .cke_button_arrow,
.sidenav.dark-mode .cke_combo_arrow,
.sidenav.dark-mode .cke_combo_text,
.sidenav.dark-mode .cke_button_label,
.sidenav.dark-mode .cke_voice_label {
    filter: invert(1) brightness(1.1);
}
.sidenav.dark-mode .cke_button:hover,
.sidenav.dark-mode .cke_button:focus,
.sidenav.dark-mode .cke_button:active,
.sidenav.dark-mode .cke_button_on,
.sidenav.dark-mode a.cke_button_off:hover,
.sidenav.dark-mode a.cke_button_off:focus,
.sidenav.dark-mode a.cke_button_off:active {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.sidenav.dark-mode .cke_path,
.sidenav.dark-mode .cke_path_item,
.sidenav.dark-mode .cke_resizer,
.sidenav.dark-mode #characterCountLabel,
.sidenav.dark-mode .totalTypedCharacters,
.sidenav.dark-mode .collapsible-container--header p,
.sidenav.dark-mode .collapsible-container--header,
.sidenav.dark-mode .collapsible-container--body {
    color: #ffffff !important;
    background: transparent !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .collapsible-container {
    background: #242424 !important;
    border-color: #424242 !important;
}
/* Upload Revision Version Info grid — beat white header / light text */
#uploadRevisionSideNav.sidenav.dark-mode .grid-head.dark-mode,
#uploadRevisionSideNav.sidenav.dark-mode .grid-head.dark-mode th,
#uploadRevisionSideNav.sidenav.dark-mode .grid-head.dark-mode-row-bg,
#uploadRevisionSideNav.sidenav.dark-mode .grid-head.dark-mode-row-bg th,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-head th,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-head .dark-mode-light-text,
.sidenav.dark-mode .grid-head.dark-mode,
.sidenav.dark-mode .grid-head.dark-mode th,
.sidenav.dark-mode .grid-head.dark-mode-row-bg th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#uploadRevisionSideNav.sidenav.dark-mode .grid-row.dark-mode,
#uploadRevisionSideNav.sidenav.dark-mode .grid-row.dark-mode td,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-row,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-row td,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-container .grid-row,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-container .grid-row td,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-row.dark-mode,
#uploadRevisionSideNav.sidenav.dark-mode #version-grid .grid-row.dark-mode td,
.sidenav.dark-mode .grid-row.dark-mode,
.sidenav.dark-mode .grid-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
/* Manage Users create/edit sidenav — tables, required *, select2 */
.sidenav.dark-mode .redSpan,
.sidenav.dark-mode .sidenav-form--input p .redSpan,
#userFormSideNav.sidenav.dark-mode .redSpan {
    color: #f37676 !important;
}
.sidenav.dark-mode .table,
.sidenav.dark-mode .table th,
.sidenav.dark-mode .table td {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.sidenav.dark-mode .select2-container--default .select2-selection--single,
.sidenav.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.sidenav.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
.sidenav.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #ffffff !important;
}
/* Select2 multi-select chips — override Metronic #f7f8fa light pills */
.sidenav.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.sidenav.dark-mode .select2-selection__choice {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
.sidenav.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.sidenav.dark-mode .select2-selection__choice__remove {
    color: #ffffff !important;
    border-right-color: #666666 !important;
}
.sidenav.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #888888 !important;
}
/* Hide empty Select2 search “pill” — global .sidenav.dark-mode input border was leaking onto it */
.sidenav.dark-mode .select2-search--inline,
.sidenav.dark-mode .select2-container--default .select2-search--inline {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sidenav.dark-mode .select2-search--inline .select2-search__field,
.sidenav.dark-mode .select2-container .select2-search--inline .select2-search__field,
.sidenav.dark-mode input.select2-search__field {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    width: 0.75em !important;
    color: #ffffff !important;
}
.orientation-dashboard-screen #filterSideNav .select2-search--inline .select2-search__field,
.orientation-dashboard-screen #filterSideNav input.select2-search__field {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
    width: 0.75em !important;
}
/* Manage Users — Configure Columns sidenav cards */
#userConfigureSideNav.sidenav.dark-mode .column-config-item,
#userConfigureSideNav.sidenav.dark-mode .column-config-select-all {
    background: #242424 !important;
    border-color: #424242 !important;
}
#userConfigureSideNav.sidenav.dark-mode .column-config-item p,
#userConfigureSideNav.sidenav.dark-mode .column-config-select-all p {
    color: #ffffff !important;
}
#userConfigureSideNav.sidenav.dark-mode .column-config-save-btn {
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Login page v1 — Slate Noir only */
#client-login-app .mobileViewLogin,
#client-login-app .kt-login.kt-login--v1 .kt-login__wrapper {
    background: #242424 !important;
    background-color: #242424 !important;
}
#client-login-app .kt-login__form p,
#client-login-app .kt-login__form label,
#client-login-app .kt-login__form .poppins-black,
#client-login-app .kt-login__extra a,
#client-login-app .kt-checkbox,
#client-login-app .organisation-reset {
    color: #ffffff !important;
}
/* Login heading spacing (matches DevTools pad on title) */
#client-login-app .kt-login__form p.poppins-black.poppins-sb--24,
#client-login-app .kt-login__form p.poppins-sb--24.m-0 {
    padding: 7px !important;
}
/* English / language trigger on white pill — beat inline color:white */
#client-login-app .kt-login__form button .fa-language,
#client-login-app .kt-login__form .btn .fa-language,
#client-login-app .kt-login__body button .fa-language,
#client-login-app .kt-login__wrapper button .fa-language {
    color: #000000 !important;
}
#client-login-app .poppins-blue,
#client-login-app .title-container {
    color: #5b9aff !important;
}
#client-login-app .search-container input.form-control,
#client-login-app #LoginForm_login_id,
#client-login-app #LoginForm_password,
#client-login-app #login_otp {
    border-radius: 10px !important;
}
#client-login-app .kt-login__form .form-control,
#client-login-app .kt-login__form .form-select,
#client-login-app .kt-login__form select.form-control,
#client-login-app #id_custom_login_fields,
#client-login-app #LoginForm_login_id,
#client-login-app #LoginForm_password {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #bfbfbf !important;
    color: #ffffff !important;
}
#client-login-app .search-container #LoginForm_password {
    padding-right: 2.75rem !important;
}
#client-login-app .kt-login__form .form-control::placeholder {
    color: #bfbfbf !important;
}
#client-login-app .kt-login__form .form-select option,
#client-login-app .kt-login__form select option {
    background: #242424 !important;
    color: #ffffff !important;
}
#client-login-app .search-container .fa-eye {
    color: #bfbfbf !important;
}
#client-login-app .errorMessage {
    color: #ff8a80 !important;
}
#client-login-app .kt-login__actions .btn.btn-brand .poppins-sb--16,
#client-login-app #continueButton .poppins-sb--16,
#client-login-app #loginButton .poppins-sb--16,
#client-login-app #backButton .poppins-sb--16 {
    color: #000000 !important;
}
/* Forgot Password / eye — keep visible on dark card (beat .dark-mode-light-text / blur) */
#client-login-app .kt-login__extra a,
#client-login-app a.dark-mode-light-text,
#client-login-app .fa-eye.dark-mode-light-text,
#client-login-app .search-container .fa-eye,
#client-login-app .search-container .fa-eye-slash {
    color: #ffffff !important;
}

/* Login Configuration v1 preview — Slate Noir only */
.login-configuration-screen .login-preview-frame--v1 .mobileViewLogin,
.login-configuration-screen .login-preview-frame--v1 .kt-login.kt-login--v1 .kt-login__wrapper {
    background: #242424 !important;
    background-color: #242424 !important;
}
.login-configuration-screen .login-preview-frame--v1 .poppins-black,
.login-configuration-screen .login-preview-frame--v1 .kt-login__form p,
.login-configuration-screen .login-preview-frame--v1 .kt-login__form label,
.login-configuration-screen .login-preview-frame--v1 .kt-checkbox,
.login-configuration-screen .login-preview-frame--v1 .kt-login__extra a {
    color: #ffffff !important;
}
.login-configuration-screen .login-preview-frame--v1 .poppins-blue,
.login-configuration-screen .login-preview-frame--v1 .title-container {
    color: #5b9aff !important;
}
.login-configuration-screen .login-preview-frame--v1 #LoginForm_login_id,
.login-configuration-screen .login-preview-frame--v1 #LoginForm_password,
.login-configuration-screen .login-preview-frame--v1 .kt-login__form .form-control {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #bfbfbf !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}
.login-configuration-screen .login-preview-frame--v1 .search-container #LoginForm_password {
    padding-right: 2.75rem !important;
}
.login-configuration-screen .login-preview-frame--v1 .btn-primary.btn-pill,
.login-configuration-screen .login-preview-frame--v1 .kt-login__btn-primary,
.login-configuration-screen .login-preview-frame--v1 .kt-login__actions .btn.btn-brand {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    color: #000000 !important;
}
.login-configuration-screen .login-preview-frame--v1 .btn-primary.btn-pill .poppins-sb--16,
.login-configuration-screen .login-preview-frame--v1 .kt-login__actions .btn.btn-brand .poppins-sb--16 {
    color: #000000 !important;
}
.login-configuration-screen .login-preview-frame--v1 .search-container .fa-eye {
    color: #bfbfbf !important;
}

html:has(.login-configuration-screen #client-login-app.mobile-webview-login),
html:has(.login-configuration-screen #client-login-app.mobile-webview-login) body {
    background: #000000 !important;
    background-color: #000000 !important;
}

/*
  Login V2 / mobile-webview — Slate Noir (match dark glass card in design imgs 3–4).
  Prefix html body so these beat loginStyleMobile.css (loaded later in the blade).
*/
html body #client-login-app.mobile-webview-login .mobile-login-card,
html body #client-login-app.mobile-webview-login .login-container {
    background: rgba(0, 0, 0, 0.55) !important;
    background-color: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(12px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}
html body #client-login-app.mobile-webview-login .login-heading {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .login-subheading,
html body #client-login-app.mobile-webview-login div:has(> .mb-3 > .mobile-custom-select) .login-subheading {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .form-control,
html body #client-login-app.mobile-webview-login input.form-control,
html body #client-login-app.mobile-webview-login select.form-control,
html body #client-login-app.mobile-webview-login #LoginForm_login_id,
html body #client-login-app.mobile-webview-login #LoginForm_password,
html body #client-login-app.mobile-webview-login #login_otp {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
html body #client-login-app.mobile-webview-login .form-control:focus,
html body #client-login-app.mobile-webview-login input.form-control:focus,
html body #client-login-app.mobile-webview-login #LoginForm_login_id:focus,
html body #client-login-app.mobile-webview-login #LoginForm_password:focus {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.15) !important;
}
html body #client-login-app.mobile-webview-login input.form-control::placeholder,
html body #client-login-app.mobile-webview-login #LoginForm_login_id::placeholder,
html body #client-login-app.mobile-webview-login #LoginForm_password::placeholder {
    color: #bfbfbf !important;
    opacity: 1 !important;
}
html body #client-login-app.mobile-webview-login .password-toggle,
html body #client-login-app.mobile-webview-login .password-toggle i,
html body #client-login-app.mobile-webview-login .fa-eye,
html body #client-login-app.mobile-webview-login .fa-eye-slash {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .forgot-password-link,
html body #client-login-app.mobile-webview-login .forgot-password-link:hover,
html body #client-login-app.mobile-webview-login .forgot-password-link:focus {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .btn-login,
html body #client-login-app.mobile-webview-login .btn.btn-login,
html body #client-login-app.mobile-webview-login .btn-login.text-white,
html body #client-login-app.mobile-webview-login #loginButton,
html body #client-login-app.mobile-webview-login #continueButton,
html body #client-login-app.mobile-webview-login .btn-login.mobile-continue-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    color: #000000 !important;
    box-shadow: none !important;
}
html body #client-login-app.mobile-webview-login .btn-login .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn.btn-login .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn-login.text-white .poppins-sb--16,
html body #client-login-app.mobile-webview-login #loginButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login #continueButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn-login.mobile-continue-btn .poppins-sb--16 {
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .btn-login:hover,
html body #client-login-app.mobile-webview-login .btn.btn-login:hover,
html body #client-login-app.mobile-webview-login #loginButton:hover,
html body #client-login-app.mobile-webview-login #continueButton:hover,
html body #client-login-app.mobile-webview-login .btn-login:focus,
html body #client-login-app.mobile-webview-login .btn-login:active {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    background-image: none !important;
    color: #000000 !important;
    border: none !important;
}
html body #client-login-app.mobile-webview-login .organisation-reset,
html body #client-login-app.mobile-webview-login .organisation-reset.mt-3 {
    color: #ffffff !important;
}
/* Language pill (English) — white chip, black label/icon */
html body #client-login-app.mobile-webview-login button .fa-language,
html body #client-login-app.mobile-webview-login .btn .fa-language,
html body #client-login-app.mobile-webview-login .fa.fa-language {
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .mobile-sso-divider__line {
    background: #424242 !important;
}
html body #client-login-app.mobile-webview-login .mobile-sso-divider__text {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__trigger,
html body #client-login-app.mobile-webview-login .mobile-custom-select__menu {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__option,
html body #client-login-app.mobile-webview-login .mobile-custom-select__label {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__option.is-selected,
html body #client-login-app.mobile-webview-login .mobile-custom-select__option:hover {
    background: #424242 !important;
    color: #ffffff !important;
}

#client-login-app .btn-login,
#client-login-app .btn.btn-login,
#client-login-app .btn-login.text-white,
#client-login-app #continueButton,
#client-login-app #loginButton,
#client-login-app #backButton,
#client-login-app .kt-login__actions .btn.btn-brand,
#client-login-app .kt-login__actions .btn.btn-brand.btn-pill {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    border-color: transparent !important;
    color: #000000 !important;
    box-shadow: none !important;
}
#client-login-app .btn-login .poppins-sb--16,
#client-login-app .btn.btn-login .poppins-sb--16,
#client-login-app .btn-login.text-white,
#client-login-app .btn-login.text-white .poppins-sb--16,
#client-login-app #continueButton .poppins-sb--16,
#client-login-app #loginButton .poppins-sb--16,
#client-login-app #backButton .poppins-sb--16,
#client-login-app .kt-login__actions .btn.btn-brand .poppins-sb--16 {
    color: #000000 !important;
}
#client-login-app .btn-login:hover,
#client-login-app .btn.btn-login:hover,
#client-login-app #continueButton:hover,
#client-login-app #loginButton:hover,
#client-login-app #backButton:hover,
#client-login-app .kt-login__actions .btn.btn-brand:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    background-image: none !important;
    border: none !important;
    color: #000000 !important;
}
/* V2 mobile-webview — reinforce after generic login button rules */
html body #client-login-app.mobile-webview-login .btn-login,
html body #client-login-app.mobile-webview-login .btn.btn-login,
html body #client-login-app.mobile-webview-login .btn-login.text-white,
html body #client-login-app.mobile-webview-login #loginButton,
html body #client-login-app.mobile-webview-login #continueButton,
html body #client-login-app.mobile-webview-login .btn-login.mobile-continue-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    color: #000000 !important;
    box-shadow: none !important;
}
html body #client-login-app.mobile-webview-login .btn-login .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn-login.text-white .poppins-sb--16,
html body #client-login-app.mobile-webview-login #loginButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login #continueButton .poppins-sb--16 {
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .forgot-password-link,
html body #client-login-app.mobile-webview-login .organisation-reset {
    color: #ffffff !important;
}

/* Login language modal — match Slate Noir dark panels */
#client-login-app .custom-lang-modal {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.45), 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;
}
#client-login-app .custom-lang-modal .modal-header {
    border-bottom-color: #424242 !important;
}
#client-login-app .custom-lang-modal .modal-header h5 {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .modal-header h5 i,
#client-login-app .custom-lang-modal .modal-header .fa-language {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top-color: #424242 !important;
}
#client-login-app .custom-lang-modal .modal-footer .btn,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-pill,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-secondary,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn:not(.lang-locale-btn--selected) {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected .lang-locale-btn__inner {
    background-color: #242424 !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn span,
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected span,
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected .lang-modal-locale-code {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .lang-modal-locale-code {
    background-color: #424242 !important;
    color: #ffffff !important;
}

/* Login forgot-password modal — match Slate Noir dark panels */
#client-login-app #forgot_pass_modal .modal-content {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-header {
    border-bottom-color: #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-header .modal-title,
#client-login-app #forgot_pass_modal .modal-header h5 {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-header .close,
#client-login-app #forgot_pass_modal .modal-header .close span {
    color: #74788d !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
#client-login-app #forgot_pass_modal .modal-body,
#client-login-app #forgot_pass_modal .modal-body p,
#client-login-app #forgot_pass_modal .modal-body label,
#client-login-app #forgot_pass_modal .modal-body .text-muted {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-body .form-control,
#client-login-app #forgot_pass_modal .modal-body input.form-control,
#client-login-app #forgot_pass_modal .modal-body input#otp,
#client-login-app #forgot_pass_modal #otp,
#client-login-app #forgot_pass_modal .kt-form .form-control,
#client-login-app #forgot_pass_modal .kt-login__body .form-control {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-body .form-control::placeholder,
#client-login-app #forgot_pass_modal #otp::placeholder,
#client-login-app #forgot_pass_modal .kt-form .form-control::placeholder {
    color: #bfbfbf !important;
}
#client-login-app #forgot_pass_modal .modal-body .input-group-text {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .otp-sent-message,
#client-login-app #forgot_pass_modal .kt-form a:not(.otp-resend-message) {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .otp-resend-message {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    font-weight: 500;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #424242;
    text-decoration: none;
}
/* OTP Verify button — match login primary (black + white border) */
#client-login-app #forgot_pass_modal .kt-login__actions .btn,
#client-login-app #forgot_pass_modal .kt-login__actions .btn.btn-pill,
#client-login-app #forgot_pass_modal .kt-login__actions .btn.btn-primary,
#client-login-app #forgot_pass_modal .kt-login__btn-primary,
#client-login-app #forgot_pass_modal #registerButton {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .kt-login__actions .btn .poppins-sb--16,
#client-login-app #forgot_pass_modal #registerButton .poppins-sb--16 {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .kt-login__actions .btn:hover,
#client-login-app #forgot_pass_modal .kt-login__btn-primary:hover,
#client-login-app #forgot_pass_modal #registerButton:hover {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #bfbfbf !important;
    color: #ffffff !important;
}
#client-login-app #login_otp,
#client-login-app .kt-login__form #login_otp {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#client-login-app #login_otp::placeholder {
    color: #bfbfbf !important;
}
#client-login-app #forgot_pass_modal .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top-color: #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-footer .btn,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-pill,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-secondary,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-primary,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-brand {
    color: #ffffff !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-footer .btn:hover {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #bfbfbf !important;
}

/* Login UI v2 (mobile-webview-login) — Slate Noir: dark glass card + white CTAs.
   html/body prefixes beat loginStyleMobile.css (loaded after theme). */
html:has(#client-login-app.mobile-webview-login),
html:has(#client-login-app.mobile-webview-login) body {
    background: #000000 !important;
    background-color: #000000 !important;
}
html body #client-login-app.mobile-webview-login {
    background-color: transparent !important;
}
html body #client-login-app.mobile-webview-login .mobile-login-card,
html body #client-login-app.mobile-webview-login .login-container {
    background: rgba(0, 0, 0, 0.55) !important;
    background-color: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(14px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45) !important;
    border-radius: 16px !important;
}
html body #client-login-app.mobile-webview-login .login-heading {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .login-subheading,
html body #client-login-app.mobile-webview-login div:has(> .mb-3 > .mobile-custom-select) .login-subheading {
    color: #e8e8e8 !important;
}
html body #client-login-app.mobile-webview-login .form-control,
html body #client-login-app.mobile-webview-login input.form-control,
html body #client-login-app.mobile-webview-login select.form-control,
html body #client-login-app.mobile-webview-login #LoginForm_login_id,
html body #client-login-app.mobile-webview-login #LoginForm_password,
html body #client-login-app.mobile-webview-login #login_otp {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #9a9a9a !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
html body #client-login-app.mobile-webview-login .form-control:focus,
html body #client-login-app.mobile-webview-login input.form-control:focus,
html body #client-login-app.mobile-webview-login #LoginForm_login_id:focus,
html body #client-login-app.mobile-webview-login #LoginForm_password:focus {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12) !important;
}
html body #client-login-app.mobile-webview-login input.form-control::placeholder,
html body #client-login-app.mobile-webview-login .form-control::placeholder {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .password-toggle,
html body #client-login-app.mobile-webview-login .password-toggle .fa-eye,
html body #client-login-app.mobile-webview-login .password-toggle .fa-eye-slash,
html body #client-login-app.mobile-webview-login .search-container .fa-eye,
html body #client-login-app.mobile-webview-login .fa-eye {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .forgot-password-link {
    color: #6b6b6b !important;
}
html body #client-login-app.mobile-webview-login .btn-login,
html body #client-login-app.mobile-webview-login .btn.btn-login,
html body #client-login-app.mobile-webview-login #continueButton,
html body #client-login-app.mobile-webview-login #loginButton,
html body #client-login-app.mobile-webview-login #backButton,
html body #client-login-app.mobile-webview-login .btn-login.mobile-continue-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    border-radius: 10px !important;
    color: #000000 !important;
    box-shadow: none !important;
}
html body #client-login-app.mobile-webview-login .btn-login .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn.btn-login .poppins-sb--16,
html body #client-login-app.mobile-webview-login #continueButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login #loginButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login #backButton .poppins-sb--16,
html body #client-login-app.mobile-webview-login .btn-login.mobile-continue-btn .poppins-sb--16 {
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .btn-login:hover,
html body #client-login-app.mobile-webview-login .btn.btn-login:hover,
html body #client-login-app.mobile-webview-login #continueButton:hover,
html body #client-login-app.mobile-webview-login #loginButton:hover,
html body #client-login-app.mobile-webview-login #backButton:hover,
html body #client-login-app.mobile-webview-login .btn-login:focus,
html body #client-login-app.mobile-webview-login .btn-login:active {
    background: #e8e8e8 !important;
    background-color: #e8e8e8 !important;
    background-image: none !important;
    border: none !important;
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .organisation-reset {
    color: #ffffff !important;
    text-decoration: underline !important;
}
html body #client-login-app.mobile-webview-login .mobile-sso-divider__text {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .mobile-sso-divider__line {
    background: #424242 !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__trigger,
html body #client-login-app.mobile-webview-login .mobile-custom-select__label {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #9a9a9a !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__label.is-placeholder {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__menu {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__option {
    color: #ffffff !important;
}
html body #client-login-app.mobile-webview-login .mobile-custom-select__option:hover,
html body #client-login-app.mobile-webview-login .mobile-custom-select__option.is-selected {
    background: #424242 !important;
}
html body #client-login-app.mobile-webview-login .login-otp-section .otp-sent-message,
html body #client-login-app.mobile-webview-login .login-otp-section .text-white-50,
html body #client-login-app.mobile-webview-login .login-otp-section a {
    color: #bfbfbf !important;
}
html body #client-login-app.mobile-webview-login .login-otp-section .btn.btn-primary,
html body #client-login-app.mobile-webview-login .login-otp-section .kt-login__btn-primary {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .login-otp-section .btn.btn-primary .poppins-sb--16,
html body #client-login-app.mobile-webview-login .login-otp-section .kt-login__btn-primary .poppins-sb--16 {
    color: #000000 !important;
}
html body #client-login-app.mobile-webview-login .login-otp-section .btn.btn-secondary {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #6b6b6b !important;
    color: #ffffff !important;
}

/* Login Configuration v2 preview — same Slate Noir treatment */
html body .login-configuration-screen #client-login-app.mobile-webview-login .mobile-login-card,
html body .login-configuration-screen #client-login-app.mobile-webview-login .login-container {
    background: rgba(0, 0, 0, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
html body .login-configuration-screen #client-login-app.mobile-webview-login .login-heading {
    color: #ffffff !important;
}
html body .login-configuration-screen #client-login-app.mobile-webview-login .btn-login,
html body .login-configuration-screen #client-login-app.mobile-webview-login #loginButton {
    background: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    border: none !important;
}
html body .login-configuration-screen #client-login-app.mobile-webview-login .btn-login .poppins-sb--16,
html body .login-configuration-screen #client-login-app.mobile-webview-login #loginButton .poppins-sb--16 {
    color: #000000 !important;
}


/* Dashboard language modal — match Slate Noir dark panels */
#kt_modal_language .modal-content,
#kt_modal_language .modal-content.br-curve,
#kt_modal_language .kt-portlet,
#kt_modal_language .kt-portlet__head,
#kt_modal_language .kt-portlet__body,
#kt_modal_language .language-picker-body {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#kt_modal_language .kt-portlet__head {
    border-bottom: 1px solid #424242 !important;
}
#kt_modal_language .kt-portlet__head-title,
#kt_modal_language .kt-portlet__head-title-color,
#kt_modal_language #languageModalLabel {
    color: #ffffff !important;
}
#kt_modal_language .language-modal-head-icon,
#kt_modal_language .fa-language {
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item,
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch-active .kt-grid-nav__title {
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch-active {
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
#kt_modal_language .font-preview-badge,
#kt_modal_language .language-code-badge {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #636363 !important;
    color: #ffffff !important;
}
#kt_modal_language .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top: 1px solid #424242 !important;
}
#kt_modal_language .modal-footer .btn,
#kt_modal_language .modal-footer .btn.btn-pill,
#kt_modal_language .modal-footer .btn.btn-secondary {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#kt_modal_language .modal-footer .btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Theme Settings modal — match Slate Noir dark panels */
#kt_modal_5 .modal-content,
#kt_modal_5 .modal-content.br-curve,
#kt_modal_5 .kt-portlet,
#kt_modal_5 .kt-portlet__head,
#kt_modal_5 .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#kt_modal_5 .kt-portlet__head {
    border-bottom: 1px solid #424242 !important;
}
#kt_modal_5 .kt-portlet__head-title,
#kt_modal_5 .kt-portlet__head-title-color,
#kt_modal_5 .kt-portlet__head-label h3 {
    color: #ffffff !important;
}
#kt_modal_5 .nav-tabs .nav-link,
#kt_modal_5 .nav-link.kt-portlet__head-title-color {
    color: #bfbfbf !important;
}
#kt_modal_5 .nav-tabs .nav-link.active,
#kt_modal_5 .nav-link.kt-portlet__head-title-color.active {
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__title,
#kt_modal_5 .kt-grid-nav__desc,
#kt_modal_5 .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_5 .theme-switch .kt-grid-nav__title,
#kt_modal_5 .font-switch .kt-grid-nav__title,
#kt_modal_5 #kt_portlet_tab_1_1 .kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_5 #kt_portlet_tab_1_2 .kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title {
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item,
#kt_modal_5 .theme-switch,
#kt_modal_5 .font-switch {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item.theme-switch-active,
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item.font-switch-active {
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
#kt_modal_5 .font-preview-badge {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #636363 !important;
    color: #ffffff !important;
}
#kt_modal_5 .dropzone {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
}
#kt_modal_5 .dropzone .dropzone-msg-title {
    color: #ffffff !important;
}
#kt_modal_5 .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top: 1px solid #424242 !important;
}
#kt_modal_5 .modal-footer .btn,
#kt_modal_5 .modal-footer .btn.btn-pill,
#kt_modal_5 .modal-footer .btn.btn-secondary,
#kt_modal_5 .modal-footer .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#kt_modal_5 .modal-footer .btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Global search dropdown — match Slate Noir dark panels */
#kt_quick_search_toggle .dropdown-menu,
#kt_quick_search_dropdown,
.kt-quick-search.kt-quick-search--dropdown {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}
#kt_quick_search_dropdown .form-control,
#kt_quick_search_dropdown input.form-control,
.kt-quick-search.kt-quick-search--dropdown .form-control {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#kt_quick_search_dropdown .form-control:focus,
#kt_quick_search_dropdown input.form-control:focus,
.kt-quick-search.kt-quick-search--dropdown .form-control:focus {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#kt_quick_search_dropdown .form-control::placeholder,
.kt-quick-search.kt-quick-search--dropdown .form-control::placeholder {
    color: #bfbfbf !important;
    opacity: 1 !important;
}
#kt_quick_search_dropdown .kt-input-icon__icon,
#kt_quick_search_dropdown .kt-input-icon__icon i,
#kt_quick_search_dropdown .la-search,
.kt-quick-search.kt-quick-search--dropdown .kt-input-icon__icon,
.kt-quick-search.kt-quick-search--dropdown .kt-input-icon__icon i {
    color: #ffffff !important;
}

/* Global Search page — Clear button (white pill, readable text) */
.search-container_custom .clear-search-btn-global {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.search-container_custom .clear-search-btn-global:hover {
    background-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Global Search page — search input */
.search-container_custom #report_search {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.search-container_custom #report_search:focus {
    border-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
.search-container_custom #report_search::placeholder {
    color: #bfbfbf !important;
}
.search-container_custom .flaticon-search {
    color: #ffffff !important;
}

/* Global Search grid links stay readable on dark rows */
.grid-container .grid-row.dark-mode td a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Login language modal — match Slate Noir dark panels */
#client-login-app .custom-lang-modal {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.45), 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;
}
#client-login-app .custom-lang-modal .modal-header {
    border-bottom-color: #424242 !important;
}
#client-login-app .custom-lang-modal .modal-header h5 {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .modal-header h5 i,
#client-login-app .custom-lang-modal .modal-header .fa-language {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top-color: #424242 !important;
}
#client-login-app .custom-lang-modal .modal-footer .btn,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-pill,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-secondary,
#client-login-app .custom-lang-modal .modal-footer .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn:not(.lang-locale-btn--selected) {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected .lang-locale-btn__inner {
    background-color: #242424 !important;
}
#client-login-app .custom-lang-modal .lang-locale-btn span,
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected span,
#client-login-app .custom-lang-modal .lang-locale-btn.lang-locale-btn--selected .lang-modal-locale-code {
    color: #ffffff !important;
}
#client-login-app .custom-lang-modal .lang-modal-locale-code {
    background-color: #424242 !important;
    color: #ffffff !important;
}

/* Login forgot-password modal — match Slate Noir dark panels */
#client-login-app #forgot_pass_modal .modal-content {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-header {
    border-bottom-color: #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-header .modal-title,
#client-login-app #forgot_pass_modal .modal-header h5 {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-header .close,
#client-login-app #forgot_pass_modal .modal-header .close span {
    color: #74788d !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
#client-login-app #forgot_pass_modal .modal-body,
#client-login-app #forgot_pass_modal .modal-body p,
#client-login-app #forgot_pass_modal .modal-body label,
#client-login-app #forgot_pass_modal .modal-body .text-muted {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-body .form-control,
#client-login-app #forgot_pass_modal .modal-body input.form-control,
#client-login-app #forgot_pass_modal .modal-body input#otp,
#client-login-app #forgot_pass_modal #otp,
#client-login-app #forgot_pass_modal .kt-form .form-control,
#client-login-app #forgot_pass_modal .kt-login__body .form-control {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-body .form-control::placeholder,
#client-login-app #forgot_pass_modal #otp::placeholder,
#client-login-app #forgot_pass_modal .kt-form .form-control::placeholder {
    color: #bfbfbf !important;
}
#client-login-app #forgot_pass_modal .modal-body .input-group-text {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .otp-sent-message,
#client-login-app #forgot_pass_modal .kt-form a:not(.otp-resend-message) {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .otp-resend-message {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    font-weight: 500;
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #424242;
    text-decoration: none;
}
/* OTP Verify button — match login primary (black + white border) */
#client-login-app #forgot_pass_modal .kt-login__actions .btn,
#client-login-app #forgot_pass_modal .kt-login__actions .btn.btn-pill,
#client-login-app #forgot_pass_modal .kt-login__actions .btn.btn-primary,
#client-login-app #forgot_pass_modal .kt-login__btn-primary,
#client-login-app #forgot_pass_modal #registerButton {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .kt-login__actions .btn .poppins-sb--16,
#client-login-app #forgot_pass_modal #registerButton .poppins-sb--16 {
    color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .kt-login__actions .btn:hover,
#client-login-app #forgot_pass_modal .kt-login__btn-primary:hover,
#client-login-app #forgot_pass_modal #registerButton:hover {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #bfbfbf !important;
    color: #ffffff !important;
}
#client-login-app #login_otp,
#client-login-app .kt-login__form #login_otp {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#client-login-app #login_otp::placeholder {
    color: #bfbfbf !important;
}
#client-login-app #forgot_pass_modal .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top-color: #424242 !important;
}
#client-login-app #forgot_pass_modal .modal-footer .btn,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-pill,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-secondary,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-primary,
#client-login-app #forgot_pass_modal .modal-footer .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#client-login-app #forgot_pass_modal .modal-footer .btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Dashboard language modal — match Slate Noir dark panels */
#kt_modal_language .modal-content,
#kt_modal_language .modal-content.br-curve,
#kt_modal_language .kt-portlet,
#kt_modal_language .kt-portlet__head,
#kt_modal_language .kt-portlet__body,
#kt_modal_language .language-picker-body {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#kt_modal_language .kt-portlet__head {
    border-bottom: 1px solid #424242 !important;
}
#kt_modal_language .kt-portlet__head-title,
#kt_modal_language .kt-portlet__head-title-color,
#kt_modal_language #languageModalLabel {
    color: #ffffff !important;
}
#kt_modal_language .language-modal-head-icon,
#kt_modal_language .fa-language {
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item,
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch-active .kt-grid-nav__title {
    color: #ffffff !important;
}
#kt_modal_language .language-picker-grid > .kt-grid-nav__item.language-switch-active {
    border-color: #ffffff !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
#kt_modal_language .font-preview-badge,
#kt_modal_language .language-code-badge {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #636363 !important;
    color: #ffffff !important;
}
#kt_modal_language .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top: 1px solid #424242 !important;
}
#kt_modal_language .modal-footer .btn,
#kt_modal_language .modal-footer .btn.btn-pill,
#kt_modal_language .modal-footer .btn.btn-secondary {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#kt_modal_language .modal-footer .btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Theme Settings modal — match Slate Noir dark panels */
#kt_modal_5 .modal-content,
#kt_modal_5 .modal-content.br-curve,
#kt_modal_5 .kt-portlet,
#kt_modal_5 .kt-portlet__head,
#kt_modal_5 .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#kt_modal_5 .kt-portlet__head {
    border-bottom: 1px solid #424242 !important;
}
#kt_modal_5 .kt-portlet__head-title,
#kt_modal_5 .kt-portlet__head-title-color,
#kt_modal_5 .kt-portlet__head-label h3 {
    color: #ffffff !important;
}
#kt_modal_5 .nav-tabs .nav-link,
#kt_modal_5 .nav-link.kt-portlet__head-title-color {
    color: #bfbfbf !important;
}
#kt_modal_5 .nav-tabs .nav-link.active,
#kt_modal_5 .nav-link.kt-portlet__head-title-color.active {
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__title,
#kt_modal_5 .kt-grid-nav__desc,
#kt_modal_5 .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_5 .theme-switch .kt-grid-nav__title,
#kt_modal_5 .font-switch .kt-grid-nav__title,
#kt_modal_5 #kt_portlet_tab_1_1 .kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title,
#kt_modal_5 #kt_portlet_tab_1_2 .kt-grid-nav > .kt-grid-nav__row > .kt-grid-nav__item .kt-grid-nav__title {
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item,
#kt_modal_5 .theme-switch,
#kt_modal_5 .font-switch {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item.theme-switch-active,
#kt_modal_5 .kt-grid-nav__row > .kt-grid-nav__item.font-switch-active {
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
#kt_modal_5 .font-preview-badge {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #636363 !important;
    color: #ffffff !important;
}
#kt_modal_5 .dropzone {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
}
#kt_modal_5 .dropzone .dropzone-msg-title {
    color: #ffffff !important;
}
#kt_modal_5 .modal-footer {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-top: 1px solid #424242 !important;
}
#kt_modal_5 .modal-footer .btn,
#kt_modal_5 .modal-footer .btn.btn-pill,
#kt_modal_5 .modal-footer .btn.btn-secondary,
#kt_modal_5 .modal-footer .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#kt_modal_5 .modal-footer .btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}

/* Global search dropdown — match Slate Noir dark panels */
#kt_quick_search_toggle .dropdown-menu,
#kt_quick_search_dropdown,
.kt-quick-search.kt-quick-search--dropdown {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}
#kt_quick_search_dropdown .form-control,
#kt_quick_search_dropdown input.form-control,
.kt-quick-search.kt-quick-search--dropdown .form-control {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#kt_quick_search_dropdown .form-control:focus,
#kt_quick_search_dropdown input.form-control:focus,
.kt-quick-search.kt-quick-search--dropdown .form-control:focus {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
#kt_quick_search_dropdown .form-control::placeholder,
.kt-quick-search.kt-quick-search--dropdown .form-control::placeholder {
    color: #bfbfbf !important;
    opacity: 1 !important;
}
#kt_quick_search_dropdown .kt-input-icon__icon,
#kt_quick_search_dropdown .kt-input-icon__icon i,
#kt_quick_search_dropdown .la-search,
.kt-quick-search.kt-quick-search--dropdown .kt-input-icon__icon,
.kt-quick-search.kt-quick-search--dropdown .kt-input-icon__icon i {
    color: #ffffff !important;
}

/* Global Search page — Clear button (white pill, readable text) */
.search-container_custom .clear-search-btn-global {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.search-container_custom .clear-search-btn-global:hover {
    background-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Global Search page — search input */
.search-container_custom #report_search {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.search-container_custom #report_search:focus {
    border-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
.search-container_custom #report_search::placeholder {
    color: #bfbfbf !important;
}
.search-container_custom .flaticon-search {
    color: #ffffff !important;
}

/* Global Search grid links stay readable on dark rows */
.grid-container .grid-row.dark-mode td a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Manage User Fields */
.manage-user-fields-screen .kt-portlet.dark-mode,
.manage-user-fields-screen .kt-portlet.dark-mode .kt-portlet__head,
.manage-user-fields-screen .kt-portlet.dark-mode .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.manage-user-fields-screen .kt-portlet__head-title,
.manage-user-fields-screen .kt-portlet.dark-mode .kt-portlet__head-title {
    color: #ffffff !important;
}
.manage-user-fields-screen .table thead th,
.manage-user-fields-screen .table .thead-light th,
.manage-user-fields-screen thead.thead-light th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-user-fields-screen .table tbody tr,
.manage-user-fields-screen .table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-user-fields-screen .filter-container.dark-mode button,
.manage-user-fields-screen .filter-container.dark-mode button a,
.manage-user-fields-screen .filter-container.dark-mode .design,
.manage-user-fields-screen .filter-container.dark-mode .design a,
.manage-user-fields-screen .filter-container.dark-mode .design i,
.manage-user-fields-screen #id_exportrp_btn,
.manage-user-fields-screen #id_exportrp_btn a,
.manage-user-fields-screen #id_exportrp_btn a i,
.manage-user-fields-screen #id_importrp_btn {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-user-fields-screen .filter-container.dark-mode button:hover,
.manage-user-fields-screen .filter-container.dark-mode button:hover a,
.manage-user-fields-screen .filter-container.dark-mode button:hover i,
.manage-user-fields-screen #id_exportrp_btn:hover,
.manage-user-fields-screen #id_exportrp_btn:hover a,
.manage-user-fields-screen #id_exportrp_btn:hover a i,
.manage-user-fields-screen #id_importrp_btn:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}
.manage-user-fields-screen .btn.btn-pill,
.manage-user-fields-screen .btn.btn-brand.btn-pill,
.manage-user-fields-screen .btn.btn-success.btn-pill,
.manage-user-fields-screen .btn.btn-info.btn-pill,
.manage-user-fields-screen .btn.btn-secondary.dropdown-toggle {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-user-fields-screen .btn.btn-pill:hover,
.manage-user-fields-screen .btn.btn-brand.btn-pill:hover,
.manage-user-fields-screen .btn.btn-success.btn-pill:hover,
.manage-user-fields-screen .btn.btn-info.btn-pill:hover,
.manage-user-fields-screen .btn.btn-secondary.dropdown-toggle:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}
/* Action column icon buttons — black icons on white (trash / up / down) */
.manage-user-fields-screen .btn.btn-circle,
.manage-user-fields-screen .btn.btn-icon,
.manage-user-fields-screen .btn.btn-circle.btn-icon,
.manage-user-fields-screen .btn.btn-danger.btn-circle,
.manage-user-fields-screen .btn.btn-primary.btn-circle {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-user-fields-screen .btn.btn-circle i,
.manage-user-fields-screen .btn.btn-icon i,
.manage-user-fields-screen .btn.btn-circle .fa,
.manage-user-fields-screen .btn.btn-circle .trash-icon,
.manage-user-fields-screen .btn.btn-circle small,
.manage-user-fields-screen .btn.btn-circle small i {
    color: #000000 !important;
}
.manage-user-fields-screen .btn.btn-circle:hover,
.manage-user-fields-screen .btn.btn-icon:hover,
.manage-user-fields-screen .btn.btn-danger.btn-circle:hover,
.manage-user-fields-screen .btn.btn-primary.btn-circle:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-user-fields-screen .btn.btn-circle:hover i,
.manage-user-fields-screen .btn.btn-icon:hover i,
.manage-user-fields-screen .btn.btn-circle:hover .fa,
.manage-user-fields-screen .btn.btn-circle:hover .trash-icon,
.manage-user-fields-screen .btn.btn-circle:hover small,
.manage-user-fields-screen .btn.btn-circle:hover small i {
    color: #000000 !important;
}
.manage-user-fields-screen .dropdown-menu,
.manage-user-fields-screen .dropdown-menu .dropdown-item {
    background: #ffffff !important;
    color: #000000 !important;
}
.manage-user-fields-screen .dropdown-menu .dropdown-item:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}

/* Login Configuration */
.login-configuration-screen .create_box.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .create_box.dark-mode .dark-mode-light-text,
.login-configuration-screen .create_box.dark-mode label,
.login-configuration-screen .create_box.dark-mode .poppins-black {
    color: #ffffff !important;
}
.login-configuration-screen .create_box.dark-mode .form-select,
.login-configuration-screen .create_box.dark-mode select {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .create_box.dark-mode .form-select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.login-configuration-screen .create_box.dark-mode .btn.btn-pill,
.login-configuration-screen .create_box.dark-mode .btn.btn-brand.btn-pill,
.login-configuration-screen .create_box.dark-mode .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.login-configuration-screen .kt-portlet.dark-mode,
.login-configuration-screen .kt-portlet.dark-mode .kt-portlet__head,
.login-configuration-screen .kt-portlet.dark-mode .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .kt-portlet.dark-mode .dark-mode-light-text,
.login-configuration-screen .kt-portlet.dark-mode .kt-portlet__head-title {
    color: #ffffff !important;
}
.login-configuration-screen .login-appearance-head-actions .login-appearance-segment {
    background: #242424 !important;
    border-color: #424242 !important;
    border-radius: 50px !important;
    overflow: hidden !important;
}
.login-configuration-screen .login-appearance-head-actions .login-appearance-segment__btn {
    color: #ffffff !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important; /* square join — no gap on hover between Web/Mobile */
}
.login-configuration-screen .login-appearance-head-actions .login-appearance-segment__btn:hover:not(.is-active) {
    background: #424242 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}
.login-configuration-screen .login-appearance-head-actions .login-appearance-segment__btn.is-active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 0 !important;
}
.login-configuration-screen .login-appearance-segment__btn {
    color: #ffffff !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}
.login-configuration-screen .login-appearance-segment__btn.is-active {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 0 !important;
}
/* Configuration for — Web/Mobile segment (login-config-for-segment) */
.login-configuration-screen .login-config-for-segment.dark-mode,
.login-configuration-screen .login-appearance-head-actions .login-appearance-segment.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.login-configuration-screen .login-config-for-segment.dark-mode .login-appearance-segment__btn.dark-mode-light-text,
.login-configuration-screen .login-config-for-segment .login-appearance-segment__btn.dark-mode-light-text {
    color: #ffffff !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-config-card__head {
    border-bottom-color: #424242 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-config-section {
    border-bottom-color: #424242 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-appearance-divider {
    background: #424242 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-config-section__title,
.login-configuration-screen .login-config-card.dark-mode .login-config-row__label,
.login-configuration-screen .login-config-card.dark-mode .login-live-preview-label,
.login-configuration-screen .login-config-card.dark-mode .login-version-segment__text {
    color: #ffffff !important;
}
/* Uploaded file preview cards stay white — use dark text, not sidebar white */
.login-configuration-screen .login-config-card.dark-mode .login-upload-preview .login-upload-preview__name,
.login-configuration-screen .login-config-card.dark-mode .login-upload-preview .login-upload-preview__date,
.login-configuration-screen .login-config-card.dark-mode .login-upload-preview .dark-mode-dark-text {
    color: #000000 !important;
}
.login-configuration-screen .login-config-for-bar__label.dark-mode-light-text {
    color: #ffffff !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-config-input.dark-mode,
.login-configuration-screen .login-config-card.dark-mode .form-control.login-config-input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-version-segment__option {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-version-segment__option.is-active {
    border-color: #ffffff !important;
    background: #424242 !important;
    background-color: #424242 !important;
}
.login-configuration-screen .login-config-card.dark-mode .login-config-card__save.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    border-radius: 0 !important;
}
.login-configuration-screen .login-appearance-head .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.login-configuration-screen .login-preview-shell,
.login-configuration-screen .login-preview-label {
    color: #bfbfbf !important;
}
/* Login preview — theme-components sets .btn bg to white; keep login CTA readable */
.login-configuration-screen .login-preview-frame .btn-login,
.login-configuration-screen .login-preview-frame .btn.btn-login,
.login-configuration-screen #login-appearance-preview-body .btn-login,
.login-configuration-screen #login-appearance-preview-body #loginButton {
    background: #000000 !important;
    background-color: #000000 !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-preview-frame .btn-login:hover,
.login-configuration-screen .login-preview-frame .btn.btn-login:hover,
.login-configuration-screen #login-appearance-preview-body .btn-login:hover,
.login-configuration-screen #login-appearance-preview-body #loginButton:hover {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #bfbfbf !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-preview-frame .btn-login .poppins-sb--16,
.login-configuration-screen #login-appearance-preview-body .btn-login .poppins-sb--16,
.login-configuration-screen #login-appearance-preview-body #loginButton .poppins-sb--16 {
    color: #ffffff !important;
}
/* Login appearance — dropzones, upload labels, preview form fields */
.login-configuration-screen .login-preview-uploads h5,
.login-configuration-screen .login-preview-uploads .dark-mode-light-text {
    color: #ffffff !important;
}
.login-configuration-screen .login-preview-uploads .dropzone,
.login-configuration-screen .login-preview-uploads .dropzone-default,
.login-configuration-screen #logo_dropzone,
.login-configuration-screen #bg_dropzone,
.login-configuration-screen #mobile_bg_dropzone {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px dashed #666666 !important;
}
.login-configuration-screen .login-preview-uploads .dropzone-msg-title,
.login-configuration-screen #logo_dropzone .dropzone-msg-title,
.login-configuration-screen #bg_dropzone .dropzone-msg-title,
.login-configuration-screen #mobile_bg_dropzone .dropzone-msg-title,
.login-configuration-screen .login-preview-uploads .dropzone .fa-upload,
.login-configuration-screen #logo_dropzone .fa-upload,
.login-configuration-screen #bg_dropzone .fa-upload,
.login-configuration-screen #mobile_bg_dropzone .fa-upload,
.login-configuration-screen .login-preview-uploads .dropzone-msg-title b,
.login-configuration-screen #logo_dropzone .dropzone-msg-title b,
.login-configuration-screen #bg_dropzone .dropzone-msg-title b,
.login-configuration-screen #mobile_bg_dropzone .dropzone-msg-title b {
    color: #ffffff !important;
}
.login-configuration-screen #login-appearance-preview-body input.dark-mode,
.login-configuration-screen #login-appearance-preview-body .d-flex input[type="text"].dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 0.35rem 0.75rem !important;
}
.login-configuration-screen #login-appearance-preview-body .form-check-input {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}

/* Login Configuration — appearance card (loginConfigurationStyle.css loads after the
   theme, so every override below carries a higher-specificity screen-scoped selector) */
.login-configuration-screen .login-config-for-bar__label {
    color: #ffffff !important;
}
.login-configuration-screen .login-config-for-segment,
.login-configuration-screen .login-config-for-bar .login-appearance-segment {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.login-configuration-screen .login-config-for-segment .login-appearance-segment__btn {
    background: transparent !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-config-for-segment .login-appearance-segment__btn:hover:not(.is-active) {
    background: #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-config-for-segment .login-appearance-segment__btn.is-active {
    background: #ffffff !important;
    color: #000000 !important;
}
/* Card shell */
.login-configuration-screen .login-config-card,
.login-configuration-screen .kt-portlet.login-config-card,
.login-configuration-screen .login-config-card .kt-portlet__body,
.login-configuration-screen .login-config-card__body {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-config-card.border-curve {
    border: 1px solid #424242 !important;
}
.login-configuration-screen .login-config-card__head {
    border-bottom: 1px solid #424242 !important;
}
.login-configuration-screen .login-config-card__title,
.login-configuration-screen .login-config-card__title-text,
.login-configuration-screen .login-config-card__icon {
    color: #ffffff !important;
}
.login-configuration-screen .login-config-card__head .chromium-button--info,
.login-configuration-screen .login-config-card__save {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
.login-configuration-screen .login-config-card__head .chromium-button--info:hover,
.login-configuration-screen .login-config-card__save:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Sidebar sections */
.login-configuration-screen .login-config-section {
    border-bottom-color: #424242 !important;
}
.login-configuration-screen .login-config-section__title,
.login-configuration-screen .login-live-preview-label {
    color: #bfbfbf !important;
}
.login-configuration-screen .login-config-row__label,
.login-configuration-screen .login-config-field-label,
.login-configuration-screen .login-config-bg-color label {
    color: #ffffff !important;
}
.login-configuration-screen .login-appearance-divider {
    background: #424242 !important;
}
/* Version selection */
.login-configuration-screen .login-version-segment__option {
    background: #1a1a1a !important;
    border-color: #424242 !important;
}
.login-configuration-screen .login-version-segment__option.is-active {
    background: #242424 !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
}
.login-configuration-screen .login-version-segment__text {
    color: #ffffff !important;
}
.login-configuration-screen .login-version-segment__indicator {
    border-color: #666666 !important;
}
.login-configuration-screen .login-version-segment__option.is-active .login-version-segment__indicator {
    border-color: #ffffff !important;
}
.login-configuration-screen .login-version-segment__option.is-active .login-version-segment__indicator::after {
    background: #ffffff !important;
}
/* Login Into input */
.login-configuration-screen .login-config-wrapper .login-appearance-sidebar .form-control.login-config-input,
.login-configuration-screen .login-appearance-sidebar .login-config-input,
.login-configuration-screen .login-config-input {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.login-configuration-screen .login-config-input::placeholder {
    color: #bfbfbf !important;
}
/* Upload dropzones */
.login-configuration-screen .login-appearance-sidebar .login-config-upload.dropzone,
.login-configuration-screen .login-config-upload.dropzone {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px dashed #666666 !important;
}
.login-configuration-screen .login-appearance-sidebar .login-config-upload .dropzone-msg-title,
.login-configuration-screen .login-config-wrapper .login-appearance-sidebar .dropzone-msg-title,
.login-configuration-screen .login-appearance-sidebar .login-config-upload .dropzone-msg-title b {
    color: #ffffff !important;
}
.login-configuration-screen .login-config-upload__icon,
.login-configuration-screen .login-config-upload__hint {
    color: #bfbfbf !important;
}
/* Uploaded file preview row */
.login-configuration-screen .login-upload-preview {
    background: #1a1a1a !important;
    border-color: #424242 !important;
}
.login-configuration-screen .login-upload-preview__thumb {
    background: #242424 !important;
    border-color: #424242 !important;
}
.login-configuration-screen .login-upload-preview__name {
    color: #ffffff !important;
}
.login-configuration-screen .login-upload-preview__date {
    color: #bfbfbf !important;
}
/* Show Logo switch — module hardcodes #4285f4 / #d1d5db */
.login-configuration-screen .login-appearance-sidebar .slider {
    background-color: #424242 !important;
}
.login-configuration-screen .login-appearance-sidebar .slider:before {
    background-color: #bfbfbf !important;
}
.login-configuration-screen .login-appearance-sidebar input:checked + .slider {
    background-color: #ffffff !important;
}
.login-configuration-screen .login-appearance-sidebar input:checked + .slider:before {
    background-color: #000000 !important;
}
.login-configuration-screen .login-config-bg-color input[type="color"] {
    background: transparent !important;
    border: 1px solid #424242 !important;
}
/* Live preview browser chrome (frame only — preview content keeps its own colors) */
.login-configuration-screen .login-preview-browser {
    background: #1a1a1a !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.login-configuration-screen .login-preview-browser__chrome {
    background: #242424 !important;
    border-bottom-color: #424242 !important;
}
.login-configuration-screen .login-preview-browser__content {
    background: #242424 !important;
}

/* Asset Validators — single solid header color (override theme-components + sticky fixed-col) */
.asset-validator-screen .grid-container .grid-head.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
}
.asset-validator-screen .grid-container .grid-head.dark-mode th,
.asset-validator-screen .grid-container .grid-head.dark-mode th.fixed-col,
.asset-validator-screen .grid-container .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.asset-validator-screen .grid-row.dark-mode,
.asset-validator-screen .grid-row.dark-mode td,
.asset-validator-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.asset-validator-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.asset-validator-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.asset-validator-screen .chromium_container--header h5,
.asset-validator-screen .grid-header h5 {
    color: #ffffff !important;
}
.asset-validator-screen .dropdown-menu,
.asset-validator-screen .dropdown-menu .kt-nav__item > a,
.asset-validator-screen .dropdown-menu .kt-nav__link {
    background: #ffffff !important;
    color: #000000 !important;
}

/* Supervisor Configuration */
.supervisor-configuration-screen .create_box.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.supervisor-configuration-screen .create_box.dark-mode .dark-mode-light-text,
.supervisor-configuration-screen .create_box.dark-mode .poppins-black {
    color: #ffffff !important;
}
.supervisor-configuration-screen .create_box.dark-mode .form-select,
.supervisor-configuration-screen .create_box.dark-mode select {
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.supervisor-configuration-screen .create_box.dark-mode .form-select option {
    background-color: #424242 !important;
    color: #ffffff !important;
}
.supervisor-configuration-screen .create_box.dark-mode .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* Notification Settings */
.notification-config-screen .kt-portlet.dark-mode,
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__head,
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__head-title,
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__content,
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__content b,
.notification-config-screen .kt-portlet.dark-mode .kt-portlet__content p,
.notification-config-screen .kt-portlet.dark-mode .kt-separator {
    color: #ffffff !important;
    border-color: #424242 !important;
}
.notification-config-screen .action-container .btn.btn-pill,
.notification-config-screen .action-container .btn.btn-brand.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.notification-config-screen .action-container .btn.btn-pill:hover,
.notification-config-screen .action-container .btn.btn-brand.btn-pill:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
}
/* List / cog icon buttons — black icons on white */
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle.btn-brand,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon.btn-brand,
.notification-config-screen .kt-portlet.dark-mode a.btn.btn-circle,
.notification-config-screen .kt-portlet.dark-mode a.btn.btn-icon,
.notification-config-screen .kt-portlet.dark-mode button.btn.btn-circle {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle i,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon i,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle .la,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon .la,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle .la-th-list,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle .la-cog,
.notification-config-screen .kt-portlet.dark-mode a.btn.btn-circle i,
.notification-config-screen .kt-portlet.dark-mode button.btn.btn-circle i {
    color: #000000 !important;
}
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle:hover,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon:hover,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle.btn-brand:hover,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon.btn-brand:hover,
.notification-config-screen .kt-portlet.dark-mode a.btn.btn-circle:hover,
.notification-config-screen .kt-portlet.dark-mode button.btn.btn-circle:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle:hover i,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon:hover i,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-circle:hover .la,
.notification-config-screen .kt-portlet.dark-mode .btn.btn-icon:hover .la,
.notification-config-screen .kt-portlet.dark-mode a.btn.btn-circle:hover i,
.notification-config-screen .kt-portlet.dark-mode button.btn.btn-circle:hover i {
    color: #000000 !important;
}
.notification-config-screen .kt-portlet.dark-mode .kt-switch input:empty ~ span:before,
.notification-config-screen .kt-portlet.dark-mode .kt-switch input:checked ~ span:before,
.notification-config-screen .kt-portlet.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:before,
.notification-config-screen .kt-portlet.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #424242 !important;
}
.notification-config-screen .kt-portlet.dark-mode .kt-switch input:empty ~ span:after,
.notification-config-screen .kt-portlet.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:empty ~ span:after {
    background-color: #bfbfbf !important;
    opacity: 1 !important;
}
.notification-config-screen .kt-portlet.dark-mode .kt-switch input:checked ~ span:before,
.notification-config-screen .kt-portlet.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:before {
    background-color: #ffffff !important;
}
.notification-config-screen .kt-portlet.dark-mode .kt-switch input:checked ~ span:after,
.notification-config-screen .kt-portlet.dark-mode .kt-switch.kt-switch--brand:not(.kt-switch--outline) input:checked ~ span:after {
    background-color: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
}
/* Notification config CKEditor chrome — #242424 (iframe body via CKEDITOR.addCss) */
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_chrome,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .ng-ckeditor .cke,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_inner,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_top,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_bottom,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_contents,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .cke_wysiwyg_frame {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
/* Notification config — Select Trigger Point select2 (dropdown attaches to body) */
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-container--default .select2-selection--multiple,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .js-example-basic-multiple + .select2-container .select2-selection--multiple,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode #selectedbatchlist + .select2-container .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    min-height: 38px !important;
}
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-selection__choice,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-selection__placeholder,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-selection__rendered,
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-search--inline .select2-search__field {
    color: #ffffff !important;
}
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-selection__choice {
    background: #424242 !important;
    border-color: #666666 !important;
}
body:has(.notification-config-screen) #mySidenav.sidenav.dark-mode .select2-selection__choice__remove {
    color: #ffffff !important;
}
body:has(.notification-config-screen) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
body:has(.notification-config-screen) .select2-container--default .select2-results__option {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important; /* not selected — white text */
}
/*
  Select2 keeps --highlighted on the first already-chosen option (e.g. mail).
  Hide chosen/disabled rows from the open list (tags remain in the field), and
  drive the grey “active” look from :hover / highlight only on still-available options.
*/
body:has(.notification-config-screen) .select2-container--default .select2-results__option[aria-selected=true],
body:has(.notification-config-screen) .select2-container--default .select2-results__option[aria-disabled=true] {
    display: none !important;
}
/* Kill sticky highlight look if Select2 still marks a hidden/selected row */
body:has(.notification-config-screen) .select2-container--default .select2-results__option--highlighted[aria-selected=true],
body:has(.notification-config-screen) .select2-container--default .select2-results__option--highlighted[aria-disabled=true] {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
/* Active state only for options still available to pick (e.g. system) */
body:has(.notification-config-screen) .select2-container--default .select2-results__option--highlighted:not([aria-selected=true]):not([aria-disabled=true]),
body:has(.notification-config-screen) .select2-container--default .select2-results__option--selectable:hover:not([aria-selected=true]):not([aria-disabled=true]),
body:has(.notification-config-screen) .select2-container--default .select2-results__option:hover:not([aria-selected=true]):not([aria-disabled=true]) {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
body:has(.notification-config-screen) .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}

/* Populate User Field Data */
.client-table-data-screen .kt-portlet.dark-mode,
.client-table-data-screen .kt-portlet.dark-mode .kt-portlet__head,
.client-table-data-screen .kt-portlet.dark-mode .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.client-table-data-screen .kt-portlet__head-title,
.client-table-data-screen .dark-mode-light-text,
.client-table-data-screen .kt-portlet__head-icon i,
.client-table-data-screen .flaticon2-line-chart {
    color: #ffffff !important;
}
.client-table-data-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.client-table-data-screen .filter-container.dark-mode button,
.client-table-data-screen .filter-container.dark-mode button a,
.client-table-data-screen .filter-container.dark-mode .design,
.client-table-data-screen .filter-container.dark-mode .design a,
.client-table-data-screen .filter-container.dark-mode .design i,
.client-table-data-screen #id_exportrp_btn,
.client-table-data-screen #id_exportrp_btn a,
.client-table-data-screen #id_exportrp_btn a i,
.client-table-data-screen #id_importrp_btn,
.client-table-data-screen #id_updaterp_btn {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.client-table-data-screen .filter-container.dark-mode button:hover,
.client-table-data-screen .filter-container.dark-mode button:hover a,
.client-table-data-screen .filter-container.dark-mode button:hover i,
.client-table-data-screen #id_exportrp_btn:hover,
.client-table-data-screen #id_exportrp_btn:hover a,
.client-table-data-screen #id_exportrp_btn:hover a i,
.client-table-data-screen #id_importrp_btn:hover,
.client-table-data-screen #id_updaterp_btn:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.client-table-data-screen .create-item,
.client-table-data-screen .cancel-user-field,
.client-table-data-screen .edit-user-field,
.client-table-data-screen .delete-user-field {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
}
.client-table-data-screen .create-item:hover,
.client-table-data-screen .edit-user-field:hover,
.client-table-data-screen .delete-user-field:hover {
    color: #bfbfbf !important;
}
.client-table-data-screen .kt-datatable__table,
.client-table-data-screen .kt-datatable__row,
.client-table-data-screen .kt-datatable__cell {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.client-table-data-screen .kt-datatable__body > .kt-datatable__row:first-child,
.client-table-data-screen .kt-datatable__body > .kt-datatable__row:first-child .kt-datatable__cell,
.client-table-data-screen .kt-datatable__body > .kt-datatable__row:first-child .kt-datatable__cell span {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
.client-table-data-screen .form-control,
.client-table-data-screen input.form-control,
.client-table-data-screen select.form-control {
    background-color: #000000 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.client-table-data-screen .form-control:disabled,
.client-table-data-screen input.form-control:disabled,
.client-table-data-screen select.form-control:disabled {
    background-color: #242424 !important;
    color: #bfbfbf !important;
    opacity: 1 !important;
}
.client-table-data-screen label {
    color: #ffffff !important;
}

/* Create User Field */
.create-user-field-screen .kt-portlet.dark-mode,
.create-user-field-screen .kt-portlet.dark-mode .kt-portlet__head,
.create-user-field-screen .kt-portlet.dark-mode .kt-portlet__body,
.create-user-field-screen .kt-portlet.dark-mode .kt-portlet__foot {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.create-user-field-screen .create-user-field-heading,
.create-user-field-screen .dark-mode-light-text,
.create-user-field-screen .customSpan,
.create-user-field-screen label {
    color: #ffffff !important;
}
.create-user-field-screen .form-control,
.create-user-field-screen input.form-control,
.create-user-field-screen select.form-control {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.create-user-field-screen .form-control option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.create-user-field-screen .kt-portlet__foot {
    border-top: 1px solid #424242 !important;
}
.create-user-field-screen .btn.btn-pill,
.create-user-field-screen .btn.btn-brand.btn-pill,
.create-user-field-screen .btn.btn-secondary.btn-pill,
.create-user-field-screen .btn.btn-brand.btn-elevate.btn-pill,
.create-user-field-screen .cancel-button,
.create-user-field-screen .cancel-button a {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.create-user-field-screen .btn.btn-pill:hover,
.create-user-field-screen .btn.btn-brand.btn-pill:hover,
.create-user-field-screen .btn.btn-secondary.btn-pill:hover,
.create-user-field-screen .btn.btn-brand.btn-elevate:hover,
.create-user-field-screen .btn.btn-brand.btn-elevate.btn-pill:hover,
.create-user-field-screen .btn.btn-brand.btn-elevate:focus,
.create-user-field-screen .btn.btn-brand.btn-elevate:active,
.create-user-field-screen .cancel-button:hover,
.create-user-field-screen .cancel-button:hover a {
    background: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
/* Create User Field toggles — no x/check icons; visible off + on */
.create-user-field-screen .kt-switch input:empty ~ span:before,
.create-user-field-screen .kt-switch input:checked ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--outline input:empty ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--success input:empty ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--icon input:empty ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border-color: #424242 !important;
}
.create-user-field-screen .kt-switch input:empty ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--outline input:empty ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--success input:empty ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--icon input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.create-user-field-screen .kt-switch input:checked ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--outline input:checked ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--success input:checked ~ span:before,
.create-user-field-screen .kt-switch.kt-switch--icon input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
}
.create-user-field-screen .kt-switch input:checked ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--outline input:checked ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--success input:checked ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--icon input:checked ~ span:after,
.create-user-field-screen .kt-switch.kt-switch--icon input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}

/* User Custom Validator — same solid header + dark rows as Asset Validators */
.user-custom-validator-screen .grid-container .grid-head.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
}
.user-custom-validator-screen .grid-container .grid-head.dark-mode th,
.user-custom-validator-screen .grid-container .grid-head.dark-mode th.fixed-col,
.user-custom-validator-screen .grid-container .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.user-custom-validator-screen .grid-row.dark-mode,
.user-custom-validator-screen .grid-row.dark-mode td,
.user-custom-validator-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.user-custom-validator-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.user-custom-validator-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.user-custom-validator-screen .chromium_container--header h5,
.user-custom-validator-screen .grid-header h5 {
    color: #ffffff !important;
}
.user-custom-validator-screen .dropdown-menu,
.user-custom-validator-screen .dropdown-menu .kt-nav,
.user-custom-validator-screen .dropdown-menu .kt-nav__item > a,
.user-custom-validator-screen .dropdown-menu .kt-nav__link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}
.user-custom-validator-screen .dropdown-menu .kt-nav__link-text,
.user-custom-validator-screen .dropdown-menu .kt-nav__link-icon,
.user-custom-validator-screen .dropdown-menu .kt-nav__link i,
.user-custom-validator-screen .dropdown-menu .flaticon-delete {
    color: #000000 !important;
}
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover > a,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link i,
.user-custom-validator-screen .dropdown-menu .kt-nav__item:hover .flaticon-delete,
.user-custom-validator-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.user-custom-validator-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text {
    color: #000000 !important;
}
/* Same for Asset Validators Remove menu */
.asset-validator-screen .dropdown-menu,
.asset-validator-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}
.asset-validator-screen .dropdown-menu .kt-nav__link,
.asset-validator-screen .dropdown-menu .kt-nav__link-text,
.asset-validator-screen .dropdown-menu .kt-nav__link-icon,
.asset-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.asset-validator-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.asset-validator-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.asset-validator-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text {
    color: #000000 !important;
}
.asset-validator-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link {
    background: #bfbfbf !important;
    color: #000000 !important;
}

/* Assessment attempt screens (instruction / quiz / completed) */
.assessment-attempt-screen,
.assessment-attempt-screen .container {
    color: #ffffff !important;
}
.assessment-attempt-screen .kt-portlet.dark-mode,
.assessment-attempt-screen .kt-portlet__container,
.assessment-attempt-screen .chromium-container.dark-mode,
.assessment-attempt-screen .test-area.dark-mode,
.assessment-attempt-screen .m_img_view.dark-mode,
/* All-at-once play: containers ship without .dark-mode */
.assessment-attempt-screen .chromium-container,
.assessment-attempt-screen .chromium-container.m_img_view,
.assessment-attempt-screen .chromium-container.n_img_view,
.assessment-attempt-screen .chromium-container.chromium-container-aao,
.assessment-attempt-screen .chromium-container.chromium-container__timer,
.assessment-attempt-screen .chromium-container.my-content1 {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .kt-portlet__head-title,
.assessment-attempt-screen .kt-portlet__head-title-instruction,
.assessment-attempt-screen .kt-portlet__head-title-instruction-font,
.assessment-attempt-screen .instructions-text,
.assessment-attempt-screen .col-instructions,
.assessment-attempt-screen .dark-mode-light-text,
.assessment-attempt-screen .paper-details,
.assessment-attempt-screen .my-font,
.assessment-attempt-screen .my-section,
.assessment-attempt-screen .my-content,
.assessment-attempt-screen .my-content1,
.assessment-attempt-screen .poppins-mt,
.assessment-attempt-screen .poppins-dt,
.assessment-attempt-screen .poppins-lt,
.assessment-attempt-screen .sub-heading,
.assessment-attempt-screen #postQuizSubmissionMsg,
.assessment-attempt-screen .poppins-blue,
.assessment-attempt-screen a.color-inherit,
.assessment-attempt-screen .question-text,
.assessment-attempt-screen .question-container__timer-text,
.assessment-attempt-screen #quizQuestionMarks,
.assessment-attempt-screen .base-timer__label,
.assessment-attempt-screen .time-left,
.assessment-attempt-screen .ans-text,
.assessment-attempt-screen .survey-ans-text,
.assessment-attempt-screen .media_text,
.assessment-attempt-screen .kt-option__title,
.assessment-attempt-screen .kt-option__label,
.assessment-attempt-screen .scale-indicator,
.assessment-attempt-screen .radio-value {
    color: #ffffff !important;
}
.assessment-attempt-screen .container__details-col {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.assessment-attempt-screen .container__details-item,
.assessment-attempt-screen .container__details-col__big-screen {
    color: #ffffff !important;
}
/* Advanced Navigation / map-attempts panel (timer + legend) */
.assessment-attempt-screen .chromium-container.plr-5,
.assessment-attempt-screen .my-content1 .chromium-container,
.assessment-attempt-screen .chromium-container.my-content1,
.assessment-attempt-screen .chromium-container__timer {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .chromium-container.plr-5 .close,
.assessment-attempt-screen .my-content1 .chromium-container .close {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    text-shadow: none !important;
    border-radius: 999px !important;
    width: 2rem !important;
    height: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}
.assessment-attempt-screen .chromium-container.plr-5 .close span,
.assessment-attempt-screen .my-content1 .chromium-container .close span {
    color: #000000 !important;
    opacity: 1 !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
}
.assessment-attempt-screen .chromium-button--time {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
.assessment-attempt-screen .content-colon,
.assessment-attempt-screen .question-tracking,
.assessment-attempt-screen .legend,
.assessment-attempt-screen .poppins-time--legend,
.assessment-attempt-screen .time-left {
    color: #ffffff !important;
}
/* Detail icons + illustrations: remove brand blue under Slate Noir */
.assessment-attempt-screen .container__details-item-img {
    filter: brightness(0) invert(1) !important;
}
.assessment-attempt-screen img[src*="waiting_man"],
.assessment-attempt-screen img[src*="undraw_uploading"] {
    filter: grayscale(1) brightness(1.15) contrast(1.05) !important;
}
/* MCQ radios: neutral borders */
.assessment-attempt-screen .kt-radio > span,
.assessment-attempt-screen .kt-checkbox > span {
    border-color: #ffffff !important;
}
.assessment-attempt-screen .kt-radio > input:checked ~ span,
.assessment-attempt-screen .kt-checkbox > input:checked ~ span {
    border-color: #ffffff !important;
}
.assessment-attempt-screen .kt-radio > input:checked ~ span:after {
    background: #ffffff !important;
}
/* Start Test: outer pill only — avoid double white box from .btn__start */
.assessment-attempt-screen .btn-start-quiz.chromium-button--outline-info {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .btn-start-quiz .btn__start {
    color: #000000 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .btn-start-quiz.chromium-button--outline-info:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
    box-shadow: none !important;
}
/* Download File link (instruction attachment) — beat a { color: var(--color) } on icon :before */
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:hover,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:active,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:focus,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:visited {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:hover,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:active,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:focus {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.assessment-attempt-screen a.btn-start-quiz i,
.assessment-attempt-screen a.btn-start-quiz i:before,
.assessment-attempt-screen a.btn-start-quiz .flaticon2-download-2,
.assessment-attempt-screen a.btn-start-quiz .flaticon2-download-2:before {
    color: #000000 !important;
}
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:hover i,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:hover i:before,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:active i,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:active i:before,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:focus i,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:focus i:before,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:hover .btn__start,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:active .btn__start,
.assessment-attempt-screen a.btn-start-quiz.chromium-button--outline-info:focus .btn__start {
    color: #000000 !important;
}
/* Action pills: white bg + black label (Next / Bookmark / Submit / End) */
.assessment-attempt-screen .chromium-button--outline-success,
.assessment-attempt-screen .chromium-button--outline-warning,
.assessment-attempt-screen .ques-btn,
.assessment-attempt-screen .btnsubmit,
.assessment-attempt-screen .btn.btn-pill.btn-success,
.assessment-attempt-screen #submitQuizButton,
.assessment-attempt-screen #nextQuestionButton,
.assessment-attempt-screen .btn.btn-success.btn-sm.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .chromium-button--outline-success:hover,
.assessment-attempt-screen .chromium-button--outline-warning:hover,
.assessment-attempt-screen .ques-btn:hover,
.assessment-attempt-screen .btnsubmit:hover,
.assessment-attempt-screen .btn.btn-success.btn-sm.btn-pill:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
    border-color: #bfbfbf !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .chromium-button--outline-success svg,
.assessment-attempt-screen .chromium-button--outline-success svg path,
.assessment-attempt-screen .ques-btn svg,
.assessment-attempt-screen .ques-btn svg path {
    fill: #000000 !important;
    color: #000000 !important;
}
/* Bookmark: keep label/icon visible (white-on-white was hiding content) */
.assessment-attempt-screen button.bookmark.chromium-button--outline-success,
.assessment-attempt-screen button.bookmark.chromium-button--outline-warning {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
.assessment-attempt-screen button.bookmark.chromium-button--outline-success:hover,
.assessment-attempt-screen button.bookmark.chromium-button--outline-warning:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}
.assessment-attempt-screen button.bookmark span,
.assessment-attempt-screen button.bookmark .bookmark-text,
.assessment-attempt-screen button.bookmark * {
    color: #000000 !important;
}
.assessment-attempt-screen button.bookmark svg,
.assessment-attempt-screen button.bookmark svg path {
    fill: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
}
.assessment-attempt-screen button.bookmark.bookmark-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 96px !important;
    padding: 0 14px !important;
}
.assessment-attempt-screen button.bookmark.bookmark-icon {
    display: none !important;
}
@media (max-width: 449px) {
    .assessment-attempt-screen button.bookmark.bookmark-text {
        display: none !important;
    }
    .assessment-attempt-screen button.bookmark.bookmark-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 36px !important;
        padding: 0 8px !important;
    }
}
.assessment-attempt-screen .btn.btn-danger.btn-sm.btn-pill {
    color: #f37676 !important;
    background: transparent !important;
    border: 1px solid #f37676 !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .d-flex.w-100.p-1[style*="background: white"],
.assessment-attempt-screen .d-flex.w-100.p-1 {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.assessment-attempt-screen .progress-bar--base {
    background: #424242 !important;
}
.assessment-attempt-screen .chromium-separator {
    border-color: #424242 !important;
    background: #424242 !important;
}
/* AAO play: timer track + inline paper meta (scoped) */
.assessment-attempt-screen .base-timer__path-elapsed {
    stroke: #424242 !important;
}
.assessment-attempt-screen .base-timer__svg {
    background: transparent !important;
}
.assessment-attempt-screen .question-container__timer-text,
.assessment-attempt-screen .progress-container__sub {
    color: #ffffff !important;
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.assessment-attempt-screen .chromium-container-aao [style*="color: #666"],
.assessment-attempt-screen .chromium-container-aao [style*="color:#666"],
.assessment-attempt-screen .chromium-container-aao [style*="color: #999"],
.assessment-attempt-screen .chromium-container-aao [style*="color:#999"] {
    color: #bfbfbf !important;
}
.assessment-attempt-screen .match-block,
.assessment-attempt-screen .answer-block,
.assessment-attempt-screen .bg-light,
.assessment-attempt-screen .realtime-assessment-user-list-header,
.assessment-attempt-screen .realtime-assessment-user-list-body {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/* Question multimedia attachment cards */
.assessment-attempt-screen .media-stack--container .card,
.assessment-attempt-screen .media-stack--container ul li,
.assessment-attempt-screen .media-stack--container ul li.card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.assessment-attempt-screen .media-stack--container ul li h1,
.assessment-attempt-screen .media-stack--container ul li h3,
.assessment-attempt-screen .media-stack--container .media-stack--header h3 {
    color: #ffffff !important;
}
.assessment-attempt-screen .media-stack--container .action-bar .add-parameters {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
.assessment-attempt-screen .ae-download-file-btn,
.assessment-attempt-screen .ae-download-file-btn.dark-mode-dark-text,
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    opacity: 1 !important;
}
/* Grey only while pressed — beat shared .ae-download-file-btn:hover/:focus (sticky grey on mobile) */
.assessment-attempt-screen .ae-download-file-btn:not(:active),
.assessment-attempt-screen .ae-download-file-btn:not(:active):hover,
.assessment-attempt-screen .ae-download-file-btn:not(:active):focus,
.assessment-attempt-screen .ae-download-file-btn:not(:active):focus-visible,
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active),
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active):hover,
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active):focus,
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn:not(:active):focus-visible {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    opacity: 1 !important;
    outline: none !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .ae-download-file-btn:active,
.assessment-attempt-screen .media-stack--container .btn-outline-success.ae-download-file-btn:active {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
    opacity: 1 !important;
}
.assessment-attempt-screen .ae-download-file-btn i,
.assessment-attempt-screen .ae-download-file-btn:not(:active) i,
.assessment-attempt-screen .ae-download-file-btn:not(:active):hover i,
.assessment-attempt-screen .ae-download-file-btn:not(:active):focus i,
.assessment-attempt-screen .ae-download-file-btn:active i {
    color: #000000 !important;
}
.assessment-attempt-screen #viewMedia .modal-content,
.assessment-attempt-screen #viewMedia .modal-body,
.assessment-attempt-screen #viewMedia .modal-body--inner {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.assessment-attempt-screen #viewMedia .modal-body h1,
.assessment-attempt-screen #viewMedia .confirm {
    color: #ffffff !important;
}
/* All question types: answer surfaces readable on Slate Noir */
.assessment-attempt-screen .chromium_mcq--option,
.assessment-attempt-screen .kt-option,
.assessment-attempt-screen label.kt-option,
.assessment-attempt-screen .custom-mcq-option {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
/* MTF: no boxes on "Questions"/"Answers" headers or left column text */
.assessment-attempt-screen .chromium-box:not(.chromium-box--drag) {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
/* MTF drag answers: white pills + black text (same as other action pills) */
.assessment-attempt-screen .chromium-box--drag,
.assessment-attempt-screen .chromium-box--dash {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    border-radius: 16px !important;
}
.assessment-attempt-screen .chromium-box:not(.chromium-box--drag) span,
.assessment-attempt-screen .chromium-box:not(.chromium-box--drag) .poppins-dt,
.assessment-attempt-screen .chromium-box:not(.chromium-box--drag) .poppins-mt,
.assessment-attempt-screen .mtf-qa-text:not(.chromium-box--drag),
.assessment-attempt-screen .mtf-qa-text:not(.chromium-box--drag) span,
.assessment-attempt-screen .mtf-qa-text:not(.chromium-box--drag) .poppins-dt {
    color: #ffffff !important;
}
.assessment-attempt-screen .chromium-box--drag span,
.assessment-attempt-screen .chromium-box--drag .poppins-dt,
.assessment-attempt-screen .chromium-box--drag .poppins-mt,
.assessment-attempt-screen .sortable .chromium-box--drag,
.assessment-attempt-screen .sortable .chromium-box--drag span {
    color: #000000 !important;
}
.assessment-attempt-screen .kt-option__title,
.assessment-attempt-screen .kt-option__label,
.assessment-attempt-screen .kt-option__head,
.assessment-attempt-screen .kt-option p,
.assessment-attempt-screen .ans-text,
.assessment-attempt-screen .survey-ans-text,
.assessment-attempt-screen .media_text,
.assessment-attempt-screen .scale-indicator,
.assessment-attempt-screen .radio-value {
    color: #ffffff !important;
}
/* FITB / descriptive textareas */
.assessment-attempt-screen textarea,
.assessment-attempt-screen textarea.form-control,
.assessment-attempt-screen .form-control {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.assessment-attempt-screen textarea::placeholder,
.assessment-attempt-screen .form-control::placeholder {
    color: #888888 !important;
}
/* CKEditor (descriptive) */
.assessment-attempt-screen .cke,
.assessment-attempt-screen .cke_chrome,
.assessment-attempt-screen .cke_inner,
.assessment-attempt-screen .cke_top,
.assessment-attempt-screen .cke_bottom,
.assessment-attempt-screen .cke_contents,
.assessment-attempt-screen .cke_toolbox,
.assessment-attempt-screen .cke_toolbar,
.assessment-attempt-screen .cke_toolgroup {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .cke_button_icon,
.assessment-attempt-screen .cke_button_label,
.assessment-attempt-screen .cke_combo_text,
.assessment-attempt-screen .cke_path_item,
.assessment-attempt-screen .cke_resizer {
    filter: invert(1) !important;
}
.assessment-attempt-screen .media-instruction.alert,
.assessment-attempt-screen .alert-solid-brand {
    background: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.assessment-attempt-screen .media-instruction .alert-text,
.assessment-attempt-screen .media-instruction .alert-icon,
.assessment-attempt-screen .media-instruction i {
    color: #ffffff !important;
}
.assessment-attempt-screen select,
.assessment-attempt-screen .swal1-input,
.assessment-attempt-screen #languageDropdown {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.assessment-attempt-screen .modal-content.dark-mode,
.assessment-attempt-screen .modal-content,
#submitModal .modal-content,
#quitModal .modal-content,
#submitModal_aao .modal-content {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
/* Beat global `.modal .modal-body p { color:#000 }` + inline Cancel #666 */
#submitModal .modal-body h1,
#submitModal .modal-body p,
#submitModal .modal-body .poppins-dt,
#submitModal .modal-body .poppins-mt,
#submitModal .modal-footer span,
#quitModal .modal-body h1,
#quitModal .modal-body p,
#quitModal .modal-body .poppins-dt,
#quitModal .modal-body .poppins-mt,
#quitModal .modal-footer span,
#submitModal_aao .modal-body h1,
#submitModal_aao .modal-body p,
#submitModal_aao .modal-body .poppins-dt,
#submitModal_aao .modal-body .poppins-mt,
#submitModal_aao .modal-footer span {
    color: #ffffff !important;
}
/* Modal close X: white only (no blue hover / mixed icon colors) */
.modal-content.dark-mode .modal-header .close,
.modal-content.dark-mode .modal-header .close:before,
.modal-content.dark-mode .modal-header .close:after,
.modal-content.dark-mode .modal-header .close span,
#submitModal .modal-header .close,
#submitModal .modal-header .close:before,
#submitModal .modal-header .close:after,
#submitModal .modal-header .close span,
#quitModal .modal-header .close,
#quitModal .modal-header .close:before,
#quitModal .modal-header .close:after,
#quitModal .modal-header .close span,
#submitModal_aao .modal-header .close,
#submitModal_aao .modal-header .close:before,
#submitModal_aao .modal-header .close:after,
#submitModal_aao .modal-header .close span {
    color: #ffffff !important;
    opacity: 1 !important;
    background: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.modal-content.dark-mode .modal-header .close:hover,
.modal-content.dark-mode .modal-header .close:hover:before,
.modal-content.dark-mode .modal-header .close:focus,
#submitModal .modal-header .close:hover,
#submitModal .modal-header .close:hover:before,
#submitModal .modal-header .close:focus,
#quitModal .modal-header .close:hover,
#quitModal .modal-header .close:hover:before,
#quitModal .modal-header .close:focus,
#submitModal_aao .modal-header .close:hover,
#submitModal_aao .modal-header .close:hover:before,
#submitModal_aao .modal-header .close:focus {
    color: #bfbfbf !important;
    opacity: 1 !important;
    background: transparent !important;
}
#submitModal .modal-footer .btn.btn-pill,
#quitModal .modal-footer .btn.btn-pill,
#submitModal_aao .modal-footer .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    box-shadow: none !important;
}
#submitModal .modal-footer .btn.btn-pill:hover,
#quitModal .modal-footer .btn.btn-pill:hover,
#submitModal_aao .modal-footer .btn.btn-pill:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}

/* Select Language Swal (assessment multilingual) */
.swal2-popup #languageDropdown,
.sweet-alert #languageDropdown,
.swal2-popup .swal1-input,
.sweet-alert .swal1-input {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.swal2-popup .swal2-cancel,
.swal2-popup .swal2-cancel.swal2-styled,
.swal2-popup button.swal2-cancel,
.sweet-alert .cancel,
.sweet-alert button.cancel {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    min-width: 6rem !important;
    min-height: 2.5rem !important;
    padding: 0.55rem 1.5rem !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}
.swal2-popup .swal2-cancel:hover,
.swal2-popup .swal2-cancel.swal2-styled:hover,
.sweet-alert .cancel:hover,
.sweet-alert button.cancel:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Manage Video Overlay */
.manage-video-overlay-screen .grid-head.dark-mode,
.manage-video-overlay-screen .grid-head.dark-mode th,
.manage-video-overlay-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.manage-video-overlay-screen .grid-row.dark-mode,
.manage-video-overlay-screen .grid-row.dark-mode td,
.manage-video-overlay-screen .grid-row.dark-mode td.fixed-col,
.manage-video-overlay-screen .grid-row.dark-mode td p,
.manage-video-overlay-screen .grid-row.dark-mode .dark-mode-light-text {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-video-overlay-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-video-overlay-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.manage-video-overlay-screen .action-container.dark-mode,
.manage-video-overlay-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.manage-video-overlay-screen .search-container input.dark-mode,
.manage-video-overlay-screen #report_search.dark-mode {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-video-overlay-screen .filter-container.dark-mode button,
.manage-video-overlay-screen .filter-container.dark-mode .clear {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
}
.manage-video-overlay-screen .filter-container.dark-mode button:hover,
.manage-video-overlay-screen .filter-container.dark-mode .clear:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}
/* Actions menu — match Manage Users (white menu, black text, grey hover only) */
.manage-video-overlay-screen .dropdown-menu,
.manage-video-overlay-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    padding: 0.5rem 0 !important;
    gap: 0 !important;
}
.manage-video-overlay-screen .dropdown-menu .kt-nav__item,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item > a,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:focus > a,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:focus > .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:focus-within > a,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:focus-within > .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link:focus,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item.active > .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item.kt-nav__item--active > .kt-nav__link {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    outline: none !important;
}
.manage-video-overlay-screen .dropdown-menu .kt-nav__link-text,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link-icon,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link i,
.manage-video-overlay-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-video-overlay-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-text,
.manage-video-overlay-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__link-icon {
    color: #000000 !important;
}
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover > a,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon,
.manage-video-overlay-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link i,
.manage-video-overlay-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.manage-video-overlay-screen .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.manage-video-overlay-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.manage-video-overlay-screen .grid-row.dark-mode td .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon {
    color: #000000 !important;
}
/* Grid row download links — white pill + black text (fixes gray-on-gray / white-on-gray) */
.sb-grid-download-link.kt-nav__link,
.kt-nav__item > a.sb-grid-download-link,
.cr-row .kt-nav__item > a.kt-nav__link,
.grid-row .kt-nav__item > a.kt-nav__link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    color: #000000 !important;
    padding: 0.35rem 0.9rem !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
/* Options dropdown items are not download pills — keep transparent on white menu */
.grid-row .dropdown-menu .kt-nav__item > a.kt-nav__link,
.grid-row .dropdown-menu .kt-nav__item > .kt-nav__link,
.cr-row .dropdown-menu .kt-nav__item > a.kt-nav__link,
.cr-row .dropdown-menu .kt-nav__item > .kt-nav__link {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0.75rem 1.25rem !important;
    display: flex !important;
    color: #000000 !important;
}
.sb-grid-download-link.kt-nav__link span,
.kt-nav__item > a.sb-grid-download-link span,
.cr-row .kt-nav__item > a.kt-nav__link span,
.grid-row .kt-nav__item > a.kt-nav__link span {
    color: #000000 !important;
}
.sb-grid-download-link:hover,
.kt-nav__item > a.sb-grid-download-link:hover,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.sb-grid-download-link:hover span,
.kt-nav__item > a.sb-grid-download-link:hover span,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover span,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover .kt-nav__link-text,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover .kt-nav__link-icon,
.cr-row .kt-nav__item:hover > a.kt-nav__link:hover i {
    color: #000000 !important;
}
.sb-grid-download-link--disabled,
.sb-grid-download-link--disabled:hover {
    opacity: 0.45 !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* User Certification Report — Slate Noir only */
.user-certification-report-screen .filter-container,
.user-certification-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
    gap: 0.75rem !important;
    align-items: center !important;
    padding: 0 !important;
}
.user-certification-report-screen .filter-container .filter,
.user-certification-report-screen .filter-container .clear,
.user-certification-report-screen .filter-container .download,
.user-certification-report-screen .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    margin-left: 0 !important;
}
.user-certification-report-screen .cr-row,
.user-certification-report-screen .cr-row.dark-mode,
.user-certification-report-screen .cr-row td,
.user-certification-report-screen .report_thead,
.user-certification-report-screen .report_thead.dark-mode,
.user-certification-report-screen .report_thead th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.user-certification-report-screen .report_thead,
.user-certification-report-screen .report_thead th {
    background: #424242 !important;
}
/* Fields dropdown — match grid (#242424) + white text */
.user-certification-report-screen #fieldsDropdownMenu.dropdown-menu,
.user-certification-report-screen .btn-group .dropdown-menu {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
.user-certification-report-screen #fieldsDropdownMenu .kt-checkbox,
.user-certification-report-screen #fieldsDropdownMenu label,
.user-certification-report-screen #fieldsDropdownMenu p {
    color: #ffffff !important;
}
/* Select Data + AmCharts download sit on the white chart header — black text/icons */
.user-certification-report-screen #action-container .dropdown-toggle,
.user-certification-report-screen #action-container #dropdownMenuButton,
.user-certification-report-screen #action-container .btn.btn-secondary.dropdown-toggle,
.user-certification-report-screen .dark-mode-text #action-container .dropdown-toggle,
.user-certification-report-screen .dark-mode-text #action-container #dropdownMenuButton {
    color: #000000 !important;
    border-color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
}
.user-certification-report-screen #action-container .dropdown-toggle::after,
.user-certification-report-screen #action-container #dropdownMenuButton::after {
    color: #000000 !important;
    border-top-color: #000000 !important;
}
.user-certification-report-screen #action-container .dropdown-menu,
.user-certification-report-screen #action-container .dropdown-menu.show,
.user-certification-report-screen #action-container .dropdown-menu.br-curve,
.user-certification-report-screen #action-container .dropdown-menu .kt-radio,
.user-certification-report-screen #action-container .dropdown-menu label,
.user-certification-report-screen .dark-mode-text #action-container .dropdown-menu,
.user-certification-report-screen .dark-mode-text #action-container .dropdown-menu .kt-radio,
.user-certification-report-screen .dark-mode-text #action-container .dropdown-menu label {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.user-certification-report-screen #action-container .dropdown-menu .kt-radio > span {
    border-color: #000000 !important;
}
.user-certification-report-screen #action-container .dropdown-menu .kt-radio > span:after,
.user-certification-report-screen #action-container .dropdown-menu .kt-radio > input:checked ~ span:after {
    background: #000000 !important;
    background-color: #000000 !important;
}
.user-certification-report-screen .amcharts-export-menu,
.user-certification-report-screen .amcharts-export-menu a,
.user-certification-report-screen .amcharts-export-menu span,
.user-certification-report-screen .amcharts-export-menu li,
.user-certification-report-screen .amcharts-export-menu .export-main,
.user-certification-report-screen .amcharts-export-menu .export-main > a,
.user-certification-report-screen .amExportButton,
.user-certification-report-screen .amExportButton a,
.user-certification-report-screen .amExportButton span,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu span,
.user-certification-report-screen .dark-mode-text .amExportButton,
.user-certification-report-screen .dark-mode-text .amExportButton a {
    color: #000000 !important;
    border-color: #000000 !important;
}
/* Square export trigger — black download icon; do not use grey hover (#636363 + white SVG) */
.user-certification-report-screen .amcharts-export-menu .export-main > a,
.user-certification-report-screen .amcharts-export-menu .export-main:hover > a,
.user-certification-report-screen .amcharts-export-menu .export-main.active > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu .export-main > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu .export-main:hover > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu .export-main.active > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li.export-main:hover > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li.export-main.active > a,
.user-certification-report-screen .dark-mode-text .amExportButton li.export-main:hover > a,
.user-certification-report-screen .dark-mode-text .amExportButton li.export-main.active > a {
    color: #000000 !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23000000%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23000000%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E') !important;
}
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li:hover > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li:hover > span,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li.active > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li:hover > a span,
.user-certification-report-screen .dark-mode-text .amExportButton li:hover > a,
.user-certification-report-screen .dark-mode-text .amExportButton li:hover > span,
.user-certification-report-screen .dark-mode-text .amExportButton li.active > a {
    color: #000000 !important;
    background-color: #bfbfbf !important;
}
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li.export-main:hover > a,
.user-certification-report-screen .dark-mode-text .amcharts-export-menu li.export-main.active > a {
    background-color: #ffffff !important;
    color: #000000 !important;
}
.users-report-screen .poppins-blue,
.users-report-screen .bold.dark-mode-light-text,
.users-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.users-report-screen .report_search-input,
.users-report-screen .report_search-input.dark-mode,
.users-report-screen #report_search {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.users-report-screen .report_search-input::placeholder,
.users-report-screen .report_search-input.dark-mode::placeholder,
.users-report-screen #report_search::placeholder {
    color: #888888 !important;
}
.users-report-screen .search-filter__container .search-icon,
.users-report-screen .search-icon {
    color: #bfbfbf !important;
}
.users-report-screen .filter-container,
.users-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.users-report-screen .filter-container .filter,
.users-report-screen .filter-container .clear,
.users-report-screen .btn.btn-brand.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.users-report-screen .filter-container .filter:hover,
.users-report-screen .filter-container .clear:hover,
.users-report-screen .btn.btn-brand.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.users-report-screen .filter-container .filter::before,
.users-report-screen .filter-container .clear::before {
    color: #000000 !important;
}
.users-report-screen .cr-row,
.users-report-screen .cr-row.dark-mode,
.users-report-screen .cr-row td,
.users-report-screen .cr-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.users-report-screen .cr-row:hover {
    box-shadow: none !important;
}
.users-report-screen .cr-row .poppins-dt,
.users-report-screen .cr-row .dark-mode-light-text,
.users-report-screen .cr-row .mini-date,
.users-report-screen .cr-row .dark-mode-text-color,
.users-report-screen .cr-row td {
    color: #ffffff !important;
}
.users-report-screen .kt-widget14__stat,
.users-report-screen .kt-widget14__stat.dark-mode-light-text {
    color: #ffffff !important;
}
.users-report-screen .kt-widget14,
.users-report-screen .kt-widget14__content,
.users-report-screen .kt-widget14__legends,
.users-report-screen .kt-widget14__legend,
.users-report-screen .kt-widget14 .kt-widget14__legends .kt-widget14__legend .kt-widget14__stats,
.users-report-screen .kt-widget14__legends-title,
.users-report-screen .kt-widget14__legends-title.dark-mode-light-text,
.users-report-screen .kt-portlet__head-title,
.users-report-screen .kt-widget14__stats,
.users-report-screen .kt-widget14__stats.dark-mode-light-text,
.users-report-screen .kt-font-info,
.users-report-screen .kt-font-boldest,
.users-report-screen .cr-row .kt-widget14__stats,
.users-report-screen .cr-row .kt-widget14__legends-title,
.users-report-screen .cr-row .kt-portlet__head-title {
    color: #ffffff !important;
}
.users-report-screen .kt-widget14__legend .kt-badge,
.users-report-screen .kt-badge.kt-badge--unified-brand {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
/* Options ⋮ button — white pill + black icon (visible on dark cards) */
.users-report-screen .btn.btn-clean,
.users-report-screen .btn.btn-clean.btn-icon,
.users-report-screen .btn.btn-clean.btn-sm,
.users-report-screen .btn.btn-icon,
.users-report-screen .show > .btn.btn-clean,
.users-report-screen .btn.btn-clean.active,
.users-report-screen .btn.btn-clean:active,
.users-report-screen .btn.btn-clean:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.users-report-screen .btn.btn-clean i,
.users-report-screen .btn.btn-clean.btn-icon i,
.users-report-screen .btn.btn-icon i,
.users-report-screen .flaticon-more-1,
.users-report-screen .flaticon-more-1:before,
.users-report-screen .show > .btn.btn-clean i,
.users-report-screen .btn.btn-clean:hover i,
.users-report-screen .btn.btn-clean.active i {
    color: #000000 !important;
}
.users-report-screen .btn.btn-clean:hover,
.users-report-screen .show > .btn.btn-clean {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
}
.users-report-screen .dropdown-menu,
.users-report-screen .dropdown-menu.nav-dropdown {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.users-report-screen .dropdown-menu .kt-nav__head,
.users-report-screen .dropdown-menu .kt-nav__link-text,
.users-report-screen .dropdown-menu .kt-nav__link-icon,
.users-report-screen .dropdown-menu .kt-nav__link {
    color: #000000 !important;
    background: transparent !important;
}
.users-report-screen .dropdown-menu .kt-nav__item:hover,
.users-report-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.users-report-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-text,
.users-report-screen .dropdown-menu .kt-nav__item:hover .kt-nav__link-icon {
    background: #bfbfbf !important;
    color: #000000 !important;
}
.users-report-screen .gridData-row1,
.users-report-screen .gridData-row2 {
    color: #bfbfbf !important;
}
/* Filter sidenav (Show Active) — uses global .sidenav.dark-mode + switch rules */
.users-report-screen ~ .sidenav.dark-mode .sidenav-form--input > button,
.users-report-screen .sidenav.dark-mode .sidenav-form--input > button,
.users-report-screen ~ #userFilterSideNav.sidenav.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Detail sidenav */
.users-report-screen #mySidenav.sidenav.dark-mode,
.users-report-screen #mySidenav.sidenav.dark-mode .kt-portlet,
.users-report-screen #mySidenav.sidenav.dark-mode .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.users-report-screen #mySidenav .kt-portlet__body-mainName,
.users-report-screen #mySidenav .kt-portlet__body-reportType,
.users-report-screen #mySidenav .btn-back {
    color: #ffffff !important;
}
/* AI Insights modal */
.users-report-screen #summarizeModal .modal-content.dark-mode,
.users-report-screen #summarizeModal .modal-content.dark-mode .modal-header,
.users-report-screen #summarizeModal .modal-content.dark-mode .modal-body,
.users-report-screen #summarizeModal .modal-content.dark-mode .modal-footer {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.users-report-screen #summarizeModal .modal-content.dark-mode .text-dark,
.users-report-screen #summarizeModal .modal-content.dark-mode .text-muted,
.users-report-screen #summarizeModal .modal-content.dark-mode .dark-mode-light-text,
.users-report-screen #summarizeModal .modal-content.dark-mode .modal-title,
.users-report-screen #summarizeModal .modal-content.dark-mode label,
.users-report-screen #summarizeModal .modal-content.dark-mode p,
.users-report-screen #summarizeModal .modal-content.dark-mode strong {
    color: #ffffff !important;
}
.users-report-screen #summarizeModal .modal-content.dark-mode .form-control,
.users-report-screen #summarizeModal .modal-content.dark-mode input.dark-mode,
.users-report-screen #summarizeModal .modal-content.dark-mode .date-input,
.users-report-screen #summarizeModal .modal-content.dark-mode input[type="date"] {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    /* Dark native calendar popup (Chrome/Safari) */
    color-scheme: dark;
}
/* White calendar glyph — don't use invert (fights color-scheme: dark) */
.users-report-screen #summarizeModal .modal-content.dark-mode .date-input::-webkit-calendar-picker-indicator,
.users-report-screen #summarizeModal .modal-content.dark-mode input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    width: 1rem !important;
    height: 1rem !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
.users-report-screen #summarizeModal .modal-content.dark-mode .card,
.users-report-screen #summarizeModal .modal-content.dark-mode .card-body,
.users-report-screen #summarizeModal .modal-content.dark-mode .br-curve {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.users-report-screen #summarizeModal .modal-content.dark-mode .overlay-blur {
    background: rgba(0, 0, 0, 0.55) !important;
}
.users-report-screen #summarizeModal .modal-content.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.users-report-screen #viewModal .modal-content.dark-mode {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}

/* Learning Path Status Report — Slate Noir only (.lp-status-report-screen) */
.lp-status-report-screen .chromium_container--header h1,
.lp-status-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.lp-status-report-screen .filter-container,
.lp-status-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
    gap: 0.75rem !important;
    align-items: center !important;
    padding: 0 !important;
    height: auto !important;
}
.lp-status-report-screen .filter-container .filter,
.lp-status-report-screen .filter-container .clear,
.lp-status-report-screen .filter-container .download,
.lp-status-report-screen .btn.btn-pill,
.lp-status-report-screen .btn.btn-brand.btn-pill,
.lp-status-report-screen .btn.btn-secondary.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}
.lp-status-report-screen .filter-container .filter:hover,
.lp-status-report-screen .filter-container .clear:hover,
.lp-status-report-screen .filter-container .download:hover,
.lp-status-report-screen .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.lp-status-report-screen .filter-container .filter::before,
.lp-status-report-screen .filter-container .clear::before,
.lp-status-report-screen .filter-container .download::before {
    color: #000000 !important;
}
/* Chart card + AmCharts white bleed */
.lp-status-report-screen .kt-portlet.kt-iconbox,
.lp-status-report-screen .kt-portlet.kt-iconbox.dark-mode,
.lp-status-report-screen .kt-portlet__body,
.lp-status-report-screen .kt-widget14,
.lp-status-report-screen .kt-widget14__content,
.lp-status-report-screen .amcharts-main-div,
.lp-status-report-screen .amcharts-chart-div,
.lp-status-report-screen .amChartsLegend,
.lp-status-report-screen div[id^="chart"] {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.lp-status-report-screen .amcharts-chart-div text,
.lp-status-report-screen .amcharts-pie-label,
.lp-status-report-screen .amcharts-title,
.lp-status-report-screen .amcharts-label,
.lp-status-report-screen .amcharts-legend-label,
.lp-status-report-screen .dark-mode-text .amcharts-chart-div text,
.lp-status-report-screen .dark-mode-text .amcharts-title,
.lp-status-report-screen .dark-mode-text .amcharts-label {
    fill: #ffffff !important;
    color: #ffffff !important;
}
.lp-status-report-screen .amcharts-pie-tick {
    stroke: #ffffff !important;
}
.lp-status-report-screen .amcharts-export-menu,
.lp-status-report-screen .amExportButton {
    background: #242424 !important;
    color: #ffffff !important;
}
/* Grid */
.lp-status-report-screen .report_thead,
.lp-status-report-screen .report_thead.dark-mode,
.lp-status-report-screen .report_thead th,
.lp-status-report-screen .report_thead .labels {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.lp-status-report-screen .cr-row,
.lp-status-report-screen .cr-row.dark-mode,
.lp-status-report-screen .cr-row td,
.lp-status-report-screen .cr-row.dark-mode td,
.lp-status-report-screen .cr-row td p,
.lp-status-report-screen .cr-row td span,
.lp-status-report-screen .cr-row td a,
.lp-status-report-screen .labels-values,
.lp-status-report-screen .lp-sb-grid-training-name-text {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.lp-status-report-screen .cr-row:hover {
    box-shadow: none !important;
}
.lp-status-report-screen .cr-row .sb-grid-download-link,
.lp-status-report-screen .cr-row .sb-grid-download-link span,
.lp-status-report-screen .cr-row .kt-nav__item > a.kt-nav__link,
.lp-status-report-screen .cr-row .kt-nav__item > a.kt-nav__link span {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.lp-status-report-screen .empty-grid__heading,
.lp-status-report-screen .empty-grid__message {
    color: #bfbfbf !important;
}
/* Fields dropdown — match grid (#242424) + white text */
.lp-status-report-screen #fieldsDropdownMenu.dropdown-menu,
.lp-status-report-screen .dropdown-menu {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #424242 !important;
}
.lp-status-report-screen #fieldsDropdownMenu .kt-checkbox,
.lp-status-report-screen #fieldsDropdownMenu label,
.lp-status-report-screen #fieldsDropdownMenu p {
    color: #ffffff !important;
}
/* AI Insights modal */
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .modal-header,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .modal-body,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .modal-footer {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .text-dark,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .text-muted,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .dark-mode-light-text,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode label,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode p,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode h4,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode h5,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode h6 {
    color: #ffffff !important;
}
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .form-control,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode input.dark-mode,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .date-input {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .bg-white,
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .card {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .overlay-blur {
    background: rgba(0, 0, 0, 0.55) !important;
}
.lp-status-report-screen #aiInsightsModal .modal-content.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
/* Filter sidenav Search (shared sbFilter under this screen) */
.lp-status-report-screen ~ #filterSideNav.sidenav.dark-mode .sidenav-form--input > button,
.lp-status-report-screen ~ #filterSideNav.sidenav.dark-mode .btn.btn-pill,
#filterSideNav.sidenav.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* LP Status Scheduler Report — Slate Noir only (.lp-status-scheduler-report-screen) */
.lp-status-scheduler-report-screen .chromium_container--header h1,
.lp-status-scheduler-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.lp-status-scheduler-report-screen .report-toolbar {
    margin-bottom: 1.5rem !important;
}
.lp-status-scheduler-report-screen .filter-container,
.lp-status-scheduler-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.lp-status-scheduler-report-screen .filter-container .filter,
.lp-status-scheduler-report-screen .filter-container .clear,
.lp-status-scheduler-report-screen .btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.lp-status-scheduler-report-screen .filter-container .filter:hover,
.lp-status-scheduler-report-screen .filter-container .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.lp-status-scheduler-report-screen .filter-container .filter::before,
.lp-status-scheduler-report-screen .filter-container .clear::before {
    color: #000000 !important;
}
.lp-status-scheduler-report-screen .be-report-table-shell,
.lp-status-scheduler-report-screen .be-report-table-shell.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.lp-status-scheduler-report-screen .report_thead,
.lp-status-scheduler-report-screen .report_thead.dark-mode,
.lp-status-scheduler-report-screen .report_thead th,
.lp-status-scheduler-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.lp-status-scheduler-report-screen .grid-row,
.lp-status-scheduler-report-screen .grid-row.dark-mode,
.lp-status-scheduler-report-screen .grid-row td,
.lp-status-scheduler-report-screen .grid-row.dark-mode td,
.lp-status-scheduler-report-screen .be-report-table tbody tr,
.lp-status-scheduler-report-screen .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.lp-status-scheduler-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.lp-status-scheduler-report-screen .grid-row td a.btn-floating,
.lp-status-scheduler-report-screen .grid-row td a.btn-floating.white {
    background: #ffffff !important;
}
.lp-status-scheduler-report-screen .grid-row td a.btn-floating i,
.lp-status-scheduler-report-screen .grid-row td .blue-text {
    color: #000000 !important;
}
.lp-status-scheduler-report-screen .poppins-blue,
.lp-status-scheduler-report-screen .poppins-mt {
    color: #bfbfbf !important;
}
/* Filter sidenav Schedule button */
.lp-status-scheduler-report-screen #lpStatusSchedulerReportFilterSideNav .btn.btn-pill,
.lp-status-scheduler-report-screen #lpStatusSchedulerReportFilterSideNav .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* LP Detail Scheduler Report — Slate Noir only (.lp-detail-scheduler-report-screen) */
.lp-detail-scheduler-report-screen .chromium_container--header h1,
.lp-detail-scheduler-report-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.lp-detail-scheduler-report-screen .report-toolbar {
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.5rem !important;
}
.lp-detail-scheduler-report-screen .filter-container,
.lp-detail-scheduler-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    gap: 0.75rem !important;
    padding: 0.25rem 0 !important;
    overflow: visible !important;
}
.lp-detail-scheduler-report-screen .filter-container .filter,
.lp-detail-scheduler-report-screen .filter-container .clear,
.lp-detail-scheduler-report-screen .btn-download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.lp-detail-scheduler-report-screen .filter-container .filter:hover,
.lp-detail-scheduler-report-screen .filter-container .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.lp-detail-scheduler-report-screen .filter-container .filter::before,
.lp-detail-scheduler-report-screen .filter-container .clear::before {
    color: #000000 !important;
}
.lp-detail-scheduler-report-screen .grid-container {
    padding: 0 0.5rem !important;
}
.lp-detail-scheduler-report-screen .be-report-table-shell,
.lp-detail-scheduler-report-screen .be-report-table-shell.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    padding: 0.75rem 1rem !important;
}
.lp-detail-scheduler-report-screen .report_thead,
.lp-detail-scheduler-report-screen .report_thead.dark-mode,
.lp-detail-scheduler-report-screen .report_thead th,
.lp-detail-scheduler-report-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    padding: 16px 20px !important;
}
.lp-detail-scheduler-report-screen .grid-row,
.lp-detail-scheduler-report-screen .grid-row.dark-mode,
.lp-detail-scheduler-report-screen .grid-row td,
.lp-detail-scheduler-report-screen .grid-row.dark-mode td,
.lp-detail-scheduler-report-screen .be-report-table tbody tr,
.lp-detail-scheduler-report-screen .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
    padding: 16px 20px !important;
}
.lp-detail-scheduler-report-screen .be-report-table tbody td {
    border-bottom-color: #424242 !important;
}
.lp-detail-scheduler-report-screen .grid-row td a.btn-floating,
.lp-detail-scheduler-report-screen .grid-row td a.btn-floating.white {
    background: #ffffff !important;
}
.lp-detail-scheduler-report-screen .grid-row td a.btn-floating i,
.lp-detail-scheduler-report-screen .grid-row td .blue-text {
    color: #000000 !important;
}
.lp-detail-scheduler-report-screen .poppins-blue,
.lp-detail-scheduler-report-screen .poppins-mt {
    color: #bfbfbf !important;
}
.lp-detail-scheduler-report-screen #lpDetailSchedulerReportFilterSideNav .btn.btn-pill,
.lp-detail-scheduler-report-screen #lpDetailSchedulerReportFilterSideNav .sidenav-form--input > button {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* Final override: filter toolbars must never inherit the .dark-mode box (clips pills) */
.filter-container.dark-mode,
.lp-status-report-screen .filter-container,
.lp-status-scheduler-report-screen .filter-container,
.lp-detail-scheduler-report-screen .filter-container,
.user-certification-report-screen .filter-container,
.users-report-screen .filter-container,
.pdl-usage-report-screen .filter-container,
.activity-log-report-screen .filter-container,
.orientation-dashboard-screen .filter-container,
.user-engagement-dashboard-screen .filter-container {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    height: auto !important;
    align-items: center !important;
}
.filter-container.dark-mode {
    gap: 0.75rem !important;
    padding: 0 !important;
}
.filter-container.dark-mode > button,
.filter-container.dark-mode > .filter,
.filter-container.dark-mode > .clear,
.filter-container.dark-mode > .download {
    margin-left: 0 !important;
}
.filter-container.justify-content-end > button:first-child,
.filter-container.justify-content-end > .filter:first-child {
    margin-left: 0 !important;
}

.dark-mode-row-bg {
    background: #242424!important;
    box-shadow: 0px 2px 4px -2px #0000001A;
    box-shadow: 0px 4px 6px -1px #0000001A;
}
.dark-mode-row-bg-border {
    border: 1px solid #424754!important;
}

.dark-mode-row-bg td, .dark-mode-row-bg th {
    color: #FFFFFF!important;
}
/* Manage LP filter sidenav (white panel → Slate Noir) */
#filterManageLpSideNav.sidenav,
#filterManageLpSideNav .sidenav--header,
#filterManageLpSideNav .sidenav--body,
#filterManageLpSideNav .sidenav--body-content,
#filterManageLpSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .sidenav--header p,
#filterManageLpSideNav .sidenav--body-content_container h1,
#filterManageLpSideNav .sidenav-form--input p,
#filterManageLpSideNav label {
    color: #ffffff !important;
}
#filterManageLpSideNav .sidenav--header p img {
    filter: invert(1);
}
#filterManageLpSideNav input,
#filterManageLpSideNav select,
#filterManageLpSideNav textarea,
#filterManageLpSideNav .form-control,
#filterManageLpSideNav .kt-datepicker,
#filterManageLpSideNav .select2-container--default .select2-selection--multiple,
#filterManageLpSideNav .select2-container--default .select2-selection--single {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav input::placeholder,
#filterManageLpSideNav .select2-search__field::placeholder {
    color: #888888 !important;
}
#filterManageLpSideNav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-selection__choice {
    background: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-dropdown,
#filterManageLpSideNav .select2-container--default .select2-results > .select2-results__options {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-container--default .select2-results__option {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-container--default .select2-results__option--highlighted,
#filterManageLpSideNav .select2-container--default .select2-results__option--highlighted[aria-selected],
#filterManageLpSideNav .select2-container--default .select2-results__option--highlighted[aria-selected=true],
#filterManageLpSideNav .select2-container--default .select2-results__option--highlighted[aria-selected=false],
#filterManageLpSideNav .select2-container--default .select2-results__option[aria-selected=true] {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-container--default .select2-search--dropdown,
#filterManageLpSideNav .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-container--default .select2-selection--multiple .select2-selection__rendered,
#filterManageLpSideNav .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
#filterManageLpSideNav .select2-search--inline .select2-search__field {
    color: #ffffff !important;
}
#filterManageLpSideNav .select2-selection__choice__remove {
    color: #ffffff !important;
}
/* Tags select2 — single border; inline search field must not inherit input border */
#filterManageLpSideNav .select2-container--default .select2-selection--multiple,
#filterManageLpSideNav .select2-container--default.select2-container--focus .select2-selection--multiple,
#filterManageLpSideNav .select2-container--default.select2-container--open .select2-selection--multiple {
    border: 1px solid #424242 !important;
    outline: none !important;
    box-shadow: none !important;
}
#filterManageLpSideNav .select2-search--inline,
#filterManageLpSideNav .select2-container--default .select2-search--inline {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#filterManageLpSideNav .select2-search--inline .select2-search__field,
#filterManageLpSideNav input.select2-search__field {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    color: #ffffff !important;
}
#filterManageLpSideNav select.select2-hidden-accessible {
    border: none !important;
    box-shadow: none !important;
}
#filterManageLpSideNav .sidenav-form--input > button,
#filterManageLpSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.dark-mode-row-text, .btn.btn-pill.dark-mode-row-text {
    color: #FFFFFF!important;
}
/* Filter toolbar pills: white bg + black text (beat dark-mode-row-text / transparent / white-border) */
.filter-container button.dark-mode-row-text,
.filter-container button.dark-mode-bg-transparent,
.filter-container button.dark-mode-white-border,
.filter-container .filter.dark-mode-row-text,
.filter-container .clear.dark-mode-row-text {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.filter-container button.dark-mode-row-text::before,
.filter-container .filter.dark-mode-row-text::before,
.filter-container .clear.dark-mode-row-text::before,
.filter-container button.dark-mode-white-border::before {
    color: #000000 !important;
}
.dark-mb-1 {
    margin-bottom: 0.25rem !important;
}
.dark-mode-bg-transparent, .btn.btn-pill.dark-mode-bg-transparent {
    background: transparent!important;
}
.dark-mode-border-radius-50 {
    border-radius: 50%!important;
}
.dark-mode-border-radius-0, .btn.btn-pill.dark-mode-border-radius-0,
.qf-select.dark-mode-border-radius-0 {
    border-radius: 0%!important;
}
.dark-mode-border-0,
.qf-select.dark-mode-border-0 {
    border: 0px!important;
}
.dark-mode-border-color-none {
    border-color: unset!important;
}
.dark-mode-white-border, .btn.btn-pill.dark-mode-white-border {
    border: 1px solid #FFFFFF!important;
}
.dark-mode-search-container input[type="text"] {
    border: 1px solid #666666 !important;
    background: #424242 !important;
    background-color: #424242 !important;
    border-radius: 100px !important;
    color: #ffffff !important;
}
.dark-mode-search-container input[type="text"]::placeholder {    
    color: #bfbfbf !important;
}
.dark-mode-search-container i {
    color: #ffffff !important;
}
.dark-mode-bg-white,
.kt-nav__item > a.dark-mode-bg-white {
    background: #FFFFFF!important;
}
.qf-select.dark-mode-bg-white.dark-mode-dark-text {
    border-radius: 999px !important;
    border: 2px solid #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}
.qf-select.dark-mode-bg-white.dark-mode-dark-text:hover,
.qf-select.dark-mode-bg-white.dark-mode-dark-text:focus {
    border-color: #bfbfbf !important;
}
.dark-mode-dark-text, 
.action-container .create-item.dark-mode-dark-text,
.filter-container button.dark-mode-dark-text,
.kt-nav__link-text.dark-mode-dark-text,
.certi-download-btn.dark-mode-dark-text,
.qf-select.dark-mode-dark-text {
    color: #000000!important;
}
.filter-container .download.dark-mode-dark-text::before {
    color: #000000!important;
}
.filter-container .filter.dark-mode-dark-text::before,
.filter-container .clear.dark-mode-dark-text::before {
    color: #000000 !important;
}
.action-container .create-item.dark-mode-dark-text::before {
    color: #000000!important;
}
/* Manage LP Categories — white pills with black labels/icons + curved edges */
.manage-lp-categories-screen .action-container.dark-mode,
.manage-lp-categories-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.manage-lp-categories-screen .filter-container button,
.manage-lp-categories-screen .filter-container .filter,
.manage-lp-categories-screen .filter-container .clear,
.manage-lp-categories-screen .filter-container .download,
.manage-lp-categories-screen .action-container .create-item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.manage-lp-categories-screen .filter-container button:hover,
.manage-lp-categories-screen .filter-container .filter:hover,
.manage-lp-categories-screen .filter-container .clear:hover,
.manage-lp-categories-screen .filter-container .download:hover,
.manage-lp-categories-screen .action-container .create-item:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-lp-categories-screen .filter-container .filter::before,
.manage-lp-categories-screen .filter-container .clear::before,
.manage-lp-categories-screen .filter-container .download::before,
.manage-lp-categories-screen .action-container .create-item::before {
    color: #000000 !important;
}

/* End Manoj Rohit */

/* Role Permission Setup (RBAC) — Slate Noir only */
body:has(.role-permission-setup-screen) {
    background-color: #000000 !important;
}
.role-permission-setup-screen .dark-mode-light-text,
.role-permission-setup-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.role-permission-setup-screen .header-sub,
.role-permission-setup-screen .header-sub__search,
.role-permission-setup-screen .kt-radio-list,
.role-permission-setup-screen .kt-switch b,
.role-permission-setup-screen .toolTip i {
    color: #ffffff !important;
}
.role-permission-setup-screen .rbac-action-btn,
.role-permission-setup-screen #id_importrp_btn,
.role-permission-setup-screen #id_exportrp_btn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.role-permission-setup-screen .rbac-action-btn:hover,
.role-permission-setup-screen #id_importrp_btn:hover,
.role-permission-setup-screen #id_exportrp_btn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.role-permission-setup-screen .rbac-action-btn i,
.role-permission-setup-screen #id_exportrp_btn i {
    color: #000000 !important;
}
.role-permission-setup-screen .card,
.role-permission-setup-screen .accordion .card {
    background: #242424 !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}
.role-permission-setup-screen .table > tbody > tr > td {
    border-bottom: 1px solid #000000 !important;
    padding-bottom: 0 !important;
}
.role-permission-setup-screen .card-header,
.role-permission-setup-screen .card-header.dark-mode {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
    color: #ffffff !important;
}
.role-permission-setup-screen .module-accordian,
.role-permission-setup-screen .headerCustom,
.role-permission-setup-screen .kt-font-boldest {
    color: #ffffff !important;
}
.role-permission-setup-screen .kt-svg-icon g [fill],
.role-permission-setup-screen .kt-svg-icon path {
    fill: #ffffff !important;
}
.role-permission-setup-screen .card-body,
.role-permission-setup-screen .collapse {
    background: #242424 !important;
    color: #ffffff !important;
    border-top: 1px solid #000000 !important;
}
.role-permission-setup-screen .table,
.role-permission-setup-screen .table td,
.role-permission-setup-screen .table th,
.role-permission-setup-screen .card-body table,
.role-permission-setup-screen .card-body table td,
.role-permission-setup-screen .card-body table th {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
.role-permission-setup-screen .card-body table tr {
    border-bottom: 1px solid #000000 !important;
}
.role-permission-setup-screen .card-body table tr:last-child {
    border-bottom: none !important;
}
.role-permission-setup-screen .sticky-th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    border-bottom: 1px solid #000000 !important;
}
.role-permission-setup-screen .sticky-th a {
    color: #ffffff !important;
}
.role-permission-setup-screen .padding-first-child,
.role-permission-setup-screen .card-body b,
.role-permission-setup-screen .poppins-mt {
    color: #ffffff !important;
}
.role-permission-setup-screen .poppins-mt {
    color: #bfbfbf !important;
}
/* Permission toggles — off = dark track / light knob; on = white track / black knob */
.role-permission-setup-screen .kt-switch input:empty ~ span:before,
.role-permission-setup-screen .kt-switch input:checked ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--outline input:empty ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--success input:empty ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--icon input:empty ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--outline.kt-switch--success input:empty ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border: 1px solid #666666 !important;
    border-color: #666666 !important;
}
.role-permission-setup-screen .kt-switch input:empty ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--outline input:empty ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--success input:empty ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--icon input:empty ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--outline.kt-switch--success input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.role-permission-setup-screen .kt-switch input:checked ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--outline input:checked ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--success input:checked ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--icon input:checked ~ span:before,
.role-permission-setup-screen .kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.role-permission-setup-screen .kt-switch input:checked ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--outline input:checked ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--success input:checked ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--icon input:checked ~ span:after,
.role-permission-setup-screen .kt-switch.kt-switch--outline.kt-switch--success input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.role-permission-setup-screen .kt-switch input:checked ~ span {
    background-color: transparent !important;
}
/* Show / Collapse All switch (header) */
.role-permission-setup-screen .header-sub .kt-switch input:empty ~ span:before {
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
}
.role-permission-setup-screen .header-sub .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
}
.role-permission-setup-screen .header-sub .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.role-permission-setup-screen .header-sub .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
}
/* Import modal */
.role-permission-setup-screen #modaldelete .modal-content.dark-mode {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.role-permission-setup-screen #modaldelete .modal-content.dark-mode .modal-title,
.role-permission-setup-screen #modaldelete .modal-content.dark-mode .dropzone-msg-title {
    color: #ffffff !important;
}
.role-permission-setup-screen #modaldelete .dropzone {
    background: #242424 !important;
    border: 1px dashed #666666 !important;
}

/* Manage Preferences — Slate Noir only */
body:has(.manage-preferences-screen) {
    background-color: #000000 !important;
}
.manage-preferences-screen .dark-mode-light-text,
.manage-preferences-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.manage-preferences-screen .chromium_card,
.manage-preferences-screen .chromium_card--content,
.manage-preferences-screen .chromium_card--content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.manage-preferences-screen .chromium_card--content h1,
.manage-preferences-screen .chromium_card--text,
.manage-preferences-screen .pref-label {
    color: #ffffff !important;
}
.manage-preferences-screen .pref-table {
    width: 100% !important;
    border-collapse: collapse !important;
}
.manage-preferences-screen .pref-table tr {
    border-bottom: 1px solid #424242 !important;
}
.manage-preferences-screen .pref-table tr:last-child {
    border-bottom: none !important;
}
.manage-preferences-screen .pref-table td {
    padding: 1rem 0.75rem !important;
    vertical-align: middle !important;
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
}
.manage-preferences-screen .pref-table td.pref-label {
    width: auto !important;
    text-align: left !important;
}
.manage-preferences-screen .pref-table td.pref-control {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: right !important;
    white-space: nowrap !important;
}
.manage-preferences-screen .pref-table td.pref-control .kt-switch {
    display: inline-flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
}
/* Toggles — same pattern as RBAC */
.manage-preferences-screen .kt-switch input:empty ~ span:before,
.manage-preferences-screen .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border: 1px solid #666666 !important;
    border-color: #666666 !important;
}
.manage-preferences-screen .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.manage-preferences-screen .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.manage-preferences-screen .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
.manage-preferences-screen .inline-form input.dark-mode,
.manage-preferences-screen .inline-form textarea.dark-mode {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.manage-preferences-screen .pref-save-btn,
.manage-preferences-screen .save-button {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.manage-preferences-screen .pref-save-btn:hover,
.manage-preferences-screen .save-button:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Microskill Completion Report — Slate Noir only */
body:has(.microskill-completion-report-screen) {
    background-color: #000000 !important;
}
.microskill-completion-report-screen .dark-mode-light-text,
.microskill-completion-report-screen .chromium_container--header h1,
.microskill-completion-report-screen .poppins-blue {
    color: #ffffff !important;
}
.microskill-completion-report-screen .mcr-last-sync,
.microskill-completion-report-screen .mcr-last-sync strong,
.microskill-completion-report-screen .text-muted {
    color: #bfbfbf !important;
}
.microskill-completion-report-screen #report_search,
.microskill-completion-report-screen #report_search.dark-mode,
.microskill-completion-report-screen .search-container input {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
}
.microskill-completion-report-screen #report_search::placeholder,
.microskill-completion-report-screen .search-container input::placeholder {
    color: #888888 !important;
}
.microskill-completion-report-screen .search-container .flaticon-search {
    color: #bfbfbf !important;
}
.microskill-completion-report-screen .filter-container,
.microskill-completion-report-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
}
.microskill-completion-report-screen .filter-container .filter,
.microskill-completion-report-screen .filter-container .clear,
.microskill-completion-report-screen .filter-container .download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.microskill-completion-report-screen .filter-container .filter:hover,
.microskill-completion-report-screen .filter-container .clear:hover,
.microskill-completion-report-screen .filter-container .download:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.microskill-completion-report-screen .filter-container .filter::before,
.microskill-completion-report-screen .filter-container .clear::before,
.microskill-completion-report-screen .filter-container .download::before {
    color: #000000 !important;
}
.microskill-completion-report-screen .grid-head,
.microskill-completion-report-screen .grid-head.dark-mode,
.microskill-completion-report-screen .grid-head th {
    background: transparent !important;
    color: #bfbfbf !important;
    border: none !important;
}
.microskill-completion-report-screen .grid-row,
.microskill-completion-report-screen .grid-row.dark-mode,
.microskill-completion-report-screen .grid-row td,
.microskill-completion-report-screen .grid-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
    box-shadow: none !important;
}
.microskill-completion-report-screen .grid-row {
    border-bottom: 8px solid #000000 !important;
}
.microskill-completion-report-screen .grid-row:hover {
    box-shadow: none !important;
}
.microskill-completion-report-screen .grid-empty .poppins-mt,
.microskill-completion-report-screen .poppins-mt {
    color: #bfbfbf !important;
}
/* Filter sidenav */
.microskill-completion-report-screen #userFilterSideNav.sidenav.dark-mode,
.microskill-completion-report-screen #userFilterSideNav .sidenav--body,
.microskill-completion-report-screen #userFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    color: #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav .sidenav-form--input > button,
.microskill-completion-report-screen #userFilterSideNav .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav select.dark-mode,
.microskill-completion-report-screen #userFilterSideNav input.dark-mode,
.microskill-completion-report-screen #userFilterSideNav .form-control.dark-mode,
.microskill-completion-report-screen #userFilterSideNav select,
.microskill-completion-report-screen #userFilterSideNav input:not([type="hidden"]),
.microskill-completion-report-screen #userFilterSideNav .kt-datepicker__theme,
.microskill-completion-report-screen #userFilterSideNav #dateFilter {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav select option {
    background: #242424 !important;
    color: #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection--single,
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection--multiple {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    min-height: 38px !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection--single .select2-selection__rendered,
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection__placeholder,
.microskill-completion-report-screen #userFilterSideNav .select2-search__field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
.microskill-completion-report-screen #userFilterSideNav .select2-results__option--highlighted {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Hide empty Select2 search pill border from sidenav input rules */
.microskill-completion-report-screen #userFilterSideNav .select2-search--inline .select2-search__field {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* My Profile — details panel #242424; labels/values/icons #bfbfbf
   Higher specificity than profileStyle.css mobile !important rules (loaded in content) */
.my-profile-screen.profile-main-container .profile-card,
.my-profile-screen.profile-main-container .skills-card {
    background: #242424 !important;
    background-color: #242424 !important;
    box-shadow: none !important;
    border: 1px solid #424242 !important;
}
.my-profile-screen.profile-main-container .card-header {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #bfbfbf !important;
    border-bottom: 1px solid #424242 !important;
}
.my-profile-screen.profile-main-container .profile-info h1,
.my-profile-screen.profile-main-container .skills-header-info h1 {
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .profile-info p,
.my-profile-screen.profile-main-container .skills-header-info p {
    color: #bfbfbf !important;
}
.my-profile-screen.profile-main-container .card-body,
.my-profile-screen.profile-main-container .profile-details,
.my-profile-screen.profile-main-container .details-grid {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .detail-item,
.my-profile-screen.profile-main-container .sidenav-form--input {
    border-bottom-color: #424242 !important;
}
.my-profile-screen.profile-main-container .detail-item label,
.my-profile-screen.profile-main-container .sidenav-form--input > p {
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .action-btn {
    background: #424242 !important;
    color: #ffffff !important;
    border: 1px solid #bfbfbf !important;
    box-shadow: none !important;
}
.my-profile-screen.profile-main-container .action-btn i,
.my-profile-screen.profile-main-container .action-btn .fa {
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .detail-value,
.my-profile-screen.profile-main-container .sidenav-form--input-container input {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .detail-value span,
.my-profile-screen.profile-main-container .detail-value * {
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container .btn.btn-brand.btn-pill {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
}
.my-profile-screen.profile-main-container .btn.btn-brand.btn-pill i {
    color: #000000 !important;
}
.my-profile-screen.profile-main-container .btn.btn-brand.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.my-profile-screen.profile-main-container #mbl_logout.btn-brand {
    background: #424242 !important;
    border: 1px solid #bfbfbf !important;
    color: #ffffff !important;
}
.my-profile-screen.profile-main-container #mbl_logout.btn-brand i {
    color: #ffffff !important;
}
/* My Profile modals (mobile + web) — #changePassword etc. may reparent under body */
#changePassword .modal-content.dark-mode,
#changeProfilePictureModal .modal-content.dark-mode,
#removePictureModal .modal-content.dark-mode,
#profileRatingModal .modal-content.dark-mode,
#editInterestSkillsModal .modal-content.dark-mode {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#changePassword .modal-content.dark-mode .modal-header,
#changePassword .modal-content.dark-mode .modal-body,
#changePassword .modal-content.dark-mode .modal-footer,
#changeProfilePictureModal .modal-content.dark-mode .modal-header,
#changeProfilePictureModal .modal-content.dark-mode .modal-body,
#changeProfilePictureModal .modal-content.dark-mode .modal-footer,
#removePictureModal .modal-content.dark-mode .modal-header,
#removePictureModal .modal-content.dark-mode .modal-body,
#removePictureModal .modal-content.dark-mode .modal-footer {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#changePassword .modal-title,
#changePassword .modal-title i,
#changePassword .form-group label {
    color: #ffffff !important;
}
#changePassword .password-toggle.dark-mode-bg-white,
#changePassword .password-toggle.dark-mode-bg-white.dark-mode-dark-text {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 50% !important;
}
#changePassword .password-toggle.dark-mode-bg-white i,
#changePassword .password-toggle.dark-mode-dark-text i,
#changePassword .password-toggle i.dark-mode-dark-text {
    color: #000000 !important;
}
#changePassword .password-input-group .form-control,
#changePassword .form-control {
    background: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
#changePassword .password-input-group .form-control::placeholder {
    color: #bfbfbf !important;
}
#changePassword .password-toggle.dark-mode-bg-white:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}
#changePassword .password-alert-info {
    background: #424242 !important;
    border-color: #666666 !important;
}
#changePassword .password-alert-info h6,
#changePassword .password-alert-info p,
#changePassword .password-alert-info .alert-icon i {
    color: #ffffff !important;
}
#changePassword .modal-footer .btn.btn-pill.dark-mode-bg-white {
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
}
#changePassword .modal-footer .btn.btn-pill.dark-mode-bg-white i {
    color: #000000 !important;
}
#changePassword .modal-footer .btn.btn-pill.dark-mode-light-text {
    background: transparent !important;
    border: 1px solid #bfbfbf !important;
    color: #ffffff !important;
}
#removePictureModal .confirmation-message.dark-mode,
#changeProfilePictureModal .upload-info.dark-mode,
#changeProfilePictureModal .upload-area.dark-mode,
#changeProfilePictureModal .dropzone.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#removePictureModal .confirmation-message.dark-mode h6,
#removePictureModal .confirmation-message.dark-mode p,
#removePictureModal .confirmation-message.dark-mode .dark-mode-light-text,
#changeProfilePictureModal .upload-info.dark-mode h6,
#changeProfilePictureModal .upload-info.dark-mode p,
#changeProfilePictureModal .upload-info.dark-mode .dark-mode-light-text,
#changeProfilePictureModal .dropzone.dark-mode .dark-mode-light-text,
#changeProfilePictureModal .dropzone.dark-mode h5,
#changeProfilePictureModal .dropzone.dark-mode p {
    color: #ffffff !important;
}
#removePictureModal .btn.btn-pill.dark-mode-bg-white,
#changeProfilePictureModal .btn.btn-pill.dark-mode-bg-white {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
}
#removePictureModal .btn.btn-pill.dark-mode-light-text {
    background: transparent !important;
    border: 1px solid #bfbfbf !important;
    color: #ffffff !important;
}

/* Manage Learning Path Categories — search icon + dark action menu polish */
.manage-lp-categories-screen .dark-mode-search-container i,
.manage-lp-categories-screen .search-container .flaticon-search {
    color: #bfbfbf !important;
}
.manage-lp-categories-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.manage-lp-categories-screen .dropdown-menu .kt-nav__link,
.manage-lp-categories-screen .dropdown-menu .kt-nav__link-text,
.manage-lp-categories-screen .dropdown-menu .kt-nav__link-icon,
.manage-lp-categories-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > div.kt-nav__link {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-lp-categories-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-lp-categories-screen .dropdown-menu .kt-nav.dark-mode-row-bg .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
.manage-lp-categories-screen #LPCategoryCreateFormSideNav .info-tooltip,
.manage-lp-categories-screen #LPCategoryTemplateFilterSideNav .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* ── Certificates / Tag Groups / QB manage: Options already covered globally; create+filter sidenavs ── */
#certificateCreateFormSideNav.sidenav,
#certificateCreateFormSideNav .sidenav--header,
#certificateCreateFormSideNav .sidenav--body,
#certificateCreateFormSideNav .sidenav--body-content,
#certificateCreateFormSideNav .sidenav--body-content_container,
#certificateTemplateFilterSideNav.sidenav,
#certificateTemplateFilterSideNav .sidenav--header,
#certificateTemplateFilterSideNav .sidenav--body,
#certificateTemplateFilterSideNav .sidenav--body-content,
#certificateTemplateFilterSideNav .sidenav--body-content_container,
#tagGroupCreateEditFormSideNav.sidenav,
#tagGroupCreateEditFormSideNav .sidenav--header,
#tagGroupCreateEditFormSideNav .sidenav--body,
#tagGroupCreateEditFormSideNav .sidenav--body-content,
#tagGroupCreateEditFormSideNav .sidenav--body-content_container,
#tagGroupFilterFormSideNav.sidenav,
#tagGroupFilterFormSideNav .sidenav--header,
#tagGroupFilterFormSideNav .sidenav--body,
#tagGroupFilterFormSideNav .sidenav--body-content,
#tagGroupFilterFormSideNav .sidenav--body-content_container,
.questionbank-manage-screen #mySidenav.sidenav,
.questionbank-manage-screen #mySidenav .sidenav--header,
.questionbank-manage-screen #mySidenav .sidenav--body,
.questionbank-manage-screen #mySidenav .sidenav--body-content,
.questionbank-manage-screen #mySidenav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#certificateCreateFormSideNav .sidenav--header p,
#certificateCreateFormSideNav .sidenav--body-content_container h1,
#certificateCreateFormSideNav .sidenav-form--input p,
#certificateCreateFormSideNav label,
#certificateTemplateFilterSideNav .sidenav--header p,
#certificateTemplateFilterSideNav .sidenav--body-content_container h1,
#certificateTemplateFilterSideNav .sidenav-form--input p,
#tagGroupCreateEditFormSideNav .sidenav--header p,
#tagGroupCreateEditFormSideNav .sidenav--body-content_container h1,
#tagGroupCreateEditFormSideNav .sidenav-form--input p,
#tagGroupCreateEditFormSideNav label,
#tagGroupFilterFormSideNav .sidenav--header p,
#tagGroupFilterFormSideNav .sidenav--body-content_container h1,
#tagGroupFilterFormSideNav .sidenav-form--input p,
.questionbank-manage-screen #mySidenav .sidenav--header p,
.questionbank-manage-screen #mySidenav .sidenav--body-content_container h1,
.questionbank-manage-screen #mySidenav .sidenav-form--input p,
.questionbank-manage-screen #mySidenav label {
    color: #ffffff !important;
}
#certificateCreateFormSideNav .sidenav--header p img,
#certificateTemplateFilterSideNav .sidenav--header p img,
#tagGroupCreateEditFormSideNav .sidenav--header p img,
#tagGroupFilterFormSideNav .sidenav--header p img,
.questionbank-manage-screen #mySidenav .sidenav--header p img {
    filter: invert(1);
}
#certificateCreateFormSideNav input,
#certificateCreateFormSideNav select,
#certificateCreateFormSideNav textarea,
#certificateTemplateFilterSideNav input,
#certificateTemplateFilterSideNav select,
#tagGroupCreateEditFormSideNav input,
#tagGroupCreateEditFormSideNav select,
#tagGroupCreateEditFormSideNav textarea,
#tagGroupFilterFormSideNav input,
#tagGroupFilterFormSideNav select,
.questionbank-manage-screen #mySidenav input,
.questionbank-manage-screen #mySidenav select,
.questionbank-manage-screen #mySidenav textarea {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#certificateCreateFormSideNav input::placeholder,
#certificateTemplateFilterSideNav input::placeholder,
#tagGroupCreateEditFormSideNav input::placeholder,
#tagGroupFilterFormSideNav input::placeholder,
.questionbank-manage-screen #mySidenav input::placeholder {
    color: #888888 !important;
}
#certificateCreateFormSideNav .dropzone,
#certificateCreateFormSideNav .dropzone-default,
#certificateCreateFormSideNav .ajax-upload-dragdrop,
#certificateCreateFormSideNav .upload-container,
#certificateCreateFormSideNav ul,
#certificateCreateFormSideNav ul li {
    color: #ffffff !important;
    border-color: #424242 !important;
}
#certificateCreateFormSideNav .info-tooltip,
#tagGroupCreateEditFormSideNav .info-tooltip,
.questionbank-manage-screen #mySidenav .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
#certificateCreateFormSideNav .dropzone,
#certificateCreateFormSideNav .dropzone-default,
#certificateCreateFormSideNav .ajax-upload-dragdrop {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px dashed #666666 !important;
}
#certificateCreateFormSideNav .sidenav-form--input > button,
#certificateCreateFormSideNav button.ml-auto,
#certificateTemplateFilterSideNav .sidenav-form--input > button,
#certificateTemplateFilterSideNav button.ml-auto,
#tagGroupCreateEditFormSideNav .sidenav-form--input > button,
#tagGroupCreateEditFormSideNav button.ml-auto,
#tagGroupFilterFormSideNav .sidenav-form--input > button,
#tagGroupFilterFormSideNav button.ml-auto,
.questionbank-manage-screen #mySidenav .sidenav-form--input > button,
.questionbank-manage-screen #mySidenav button.ml-auto,
.sidenav .sidenav-form--input > button,
.sidenav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.manage-certificates-screen .chromium_container--header h1,
.manage-tag-groups-screen .chromium_container--header h1,
.questionbank-manage-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
/* Manage Certificates — curved pills like Manage Batches; black text, #bfbfbf hover */
.manage-certificates-screen .action-container.dark-mode,
.manage-certificates-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.manage-certificates-screen .filter-container .download,
.manage-certificates-screen .filter-container .filter,
.manage-certificates-screen .filter-container .clear,
.manage-certificates-screen .action-container .create-item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.manage-certificates-screen .filter-container .download:hover,
.manage-certificates-screen .filter-container .filter:hover,
.manage-certificates-screen .filter-container .clear:hover,
.manage-certificates-screen .action-container .create-item:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-certificates-screen .filter-container .download::before,
.manage-certificates-screen .filter-container .filter::before,
.manage-certificates-screen .filter-container .clear::before,
.manage-certificates-screen .action-container .create-item::before {
    color: #000000 !important;
}
/* Manage Tag Groups / Manage Tags — pill action buttons */
.manage-tag-groups-screen .action-container.dark-mode,
.manage-tag-groups-screen .filter-container,
.manage-tags-screen .action-container.dark-mode,
.manage-tags-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.manage-tag-groups-screen .filter-container .download,
.manage-tag-groups-screen .filter-container .filter,
.manage-tag-groups-screen .filter-container .clear,
.manage-tag-groups-screen .action-container .create-item,
.manage-tags-screen .filter-container .download,
.manage-tags-screen .filter-container .filter,
.manage-tags-screen .filter-container .clear,
.manage-tags-screen .action-container .create-item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.manage-tag-groups-screen .filter-container .download:hover,
.manage-tag-groups-screen .filter-container .filter:hover,
.manage-tag-groups-screen .filter-container .clear:hover,
.manage-tag-groups-screen .action-container .create-item:hover,
.manage-tags-screen .filter-container .download:hover,
.manage-tags-screen .filter-container .filter:hover,
.manage-tags-screen .filter-container .clear:hover,
.manage-tags-screen .action-container .create-item:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-tag-groups-screen .filter-container .download::before,
.manage-tag-groups-screen .filter-container .filter::before,
.manage-tag-groups-screen .filter-container .clear::before,
.manage-tag-groups-screen .action-container .create-item::before,
.manage-tags-screen .filter-container .download::before,
.manage-tags-screen .filter-container .filter::before,
.manage-tags-screen .filter-container .clear::before,
.manage-tags-screen .action-container .create-item::before {
    color: #000000 !important;
}
.manage-tags-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.manage-tags-screen .grid-head.dark-mode,
.manage-tags-screen .grid-head.dark-mode th,
.manage-tags-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-tags-screen .grid-row.dark-mode,
.manage-tags-screen .grid-row.dark-mode td,
.manage-tags-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-tags-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-tags-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
}
.manage-tags-screen .dropdown-menu .kt-nav__link,
.manage-tags-screen .dropdown-menu .kt-nav__link-text,
.manage-tags-screen .dropdown-menu .kt-nav__link-icon,
.manage-tags-screen .dropdown-menu .kt-nav__link i,
.manage-tags-screen .dropdown-menu .dropdown-item,
.manage-tags-screen .dropdown-menu .dropdown-item i {
    color: #000000 !important;
}
.manage-tags-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-tags-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-tags-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-tags-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.manage-tags-screen .dropdown-menu .dropdown-item:hover,
.manage-tags-screen .dropdown-menu .dropdown-item:focus,
.manage-tags-screen .dropdown-menu .dropdown-item:hover i,
.manage-tags-screen .dropdown-menu .dropdown-item:focus i {
    background: #bfbfbf !important;
    color: #000000 !important;
}
/* Tag create/edit/filter sidenavs */
#tagCreateEditFormSideNav.sidenav,
#tagCreateEditFormSideNav .sidenav--header,
#tagCreateEditFormSideNav .sidenav--body,
#tagCreateEditFormSideNav .sidenav--body-content,
#tagCreateEditFormSideNav .sidenav--body-content_container,
#tagFilterFormSideNav.sidenav,
#tagFilterFormSideNav .sidenav--header,
#tagFilterFormSideNav .sidenav--body,
#tagFilterFormSideNav .sidenav--body-content,
#tagFilterFormSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#tagCreateEditFormSideNav .sidenav--header p,
#tagCreateEditFormSideNav .sidenav--body-content_container h1,
#tagCreateEditFormSideNav .sidenav-form--input p,
#tagCreateEditFormSideNav label,
#tagFilterFormSideNav .sidenav--header p,
#tagFilterFormSideNav .sidenav--body-content_container h1,
#tagFilterFormSideNav .sidenav-form--input p,
#tagFilterFormSideNav label {
    color: #ffffff !important;
}
#tagCreateEditFormSideNav .sidenav--header p img,
#tagFilterFormSideNav .sidenav--header p img {
    filter: invert(1);
}
#tagCreateEditFormSideNav input,
#tagCreateEditFormSideNav select,
#tagCreateEditFormSideNav textarea,
#tagFilterFormSideNav input,
#tagFilterFormSideNav select,
#tagFilterFormSideNav textarea {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#tagCreateEditFormSideNav .sidenav-form--input > button,
#tagCreateEditFormSideNav button.ml-auto,
#tagFilterFormSideNav .sidenav-form--input > button,
#tagFilterFormSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#tagCreateEditFormSideNav .sidenav-form--input > button:hover,
#tagCreateEditFormSideNav button.ml-auto:hover,
#tagFilterFormSideNav .sidenav-form--input > button:hover,
#tagFilterFormSideNav button.ml-auto:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#tagGroupCreateEditFormSideNav .sidenav-form--input > button,
#tagGroupCreateEditFormSideNav button.ml-auto,
#tagGroupFilterFormSideNav .sidenav-form--input > button,
#tagGroupFilterFormSideNav button.ml-auto {
    border-radius: 20px !important;
}
#tagGroupCreateEditFormSideNav .sidenav-form--input > button:hover,
#tagGroupCreateEditFormSideNav button.ml-auto:hover,
#tagGroupFilterFormSideNav .sidenav-form--input > button:hover,
#tagGroupFilterFormSideNav button.ml-auto:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Certificate Markers — dark chrome; keep canvas readable; pill buttons */
.certificate-markers-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.certificate-markers-screen .alert.alert-info.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #bfbfbf !important;
}
.certificate-markers-screen .alert.alert-info.dark-mode ul,
.certificate-markers-screen .alert.alert-info.dark-mode li {
    color: #bfbfbf !important;
}
.certificate-markers-screen .alert.alert-info .btn.btn-pill,
.certificate-markers-screen .alert.alert-info .btn.btn-secondary.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.certificate-markers-screen .alert.alert-info .btn.btn-pill:hover,
.certificate-markers-screen .alert.alert-info .btn.btn-secondary.btn-pill:hover,
.certificate-markers-screen .markers-page-actions .btn.btn-pill.dark-mode-bg-white,
.certificate-markers-screen .markers-page-actions .btn.btn-pill.dark-mode-bg-white:hover,
.certificate-markers-screen .markers-page-actions .btn.btn-pill.dark-mode-bg-white:focus,
.certificate-markers-screen .markers-page-actions .btn.btn-pill.dark-mode-bg-white:active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}
.certificate-markers-screen .markers-page-actions .btn.btn-pill.dark-mode-bg-white:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.certificate-markers-screen .card-body.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
#certificateMarkersAside.sidenav.dark-mode .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
#certificateMarkersAside .markers-aside-list__item {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    padding: 0.75rem 1rem !important;
}
#certificateMarkersAside .markers-aside-list__item:hover {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #666666 !important;
}
#certificateMarkersAside .markers-aside-list__item--placed {
    border-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}
#certificateMarkersAside .markers-aside-list__item--disabled {
    opacity: 0.45 !important;
}
#certificateMarkersAside .markers-aside-list__label {
    color: #ffffff !important;
}
#certificateMarkersAside .markers-aside-list__status {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    padding: 0.15rem 0.55rem !important;
    line-height: 1.1 !important;
}
#certificateMarkersAside .markers-aside-hint {
    color: #bfbfbf !important;
}
#certificateMarkersAside.sidenav.dark-mode .sidenav-form--input > button.btn-pill.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-color: #ffffff !important;
}
#certificateMarkersAside.sidenav.dark-mode .sidenav-form--input > button.btn-pill.dark-mode-bg-white:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#uploadLogoModal .modal-content.dark-mode,
#uploadBackgroundModal .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#uploadLogoModal .modal-content.dark-mode .modal-title,
#uploadLogoModal .modal-content.dark-mode .close,
#uploadLogoModal .modal-content.dark-mode h1,
#uploadLogoModal .modal-content.dark-mode ul,
#uploadLogoModal .modal-content.dark-mode li,
#uploadLogoModal .modal-content.dark-mode p,
#uploadBackgroundModal .modal-content.dark-mode .modal-title,
#uploadBackgroundModal .modal-content.dark-mode .close,
#uploadBackgroundModal .modal-content.dark-mode h1,
#uploadBackgroundModal .modal-content.dark-mode ul,
#uploadBackgroundModal .modal-content.dark-mode li,
#uploadBackgroundModal .modal-content.dark-mode p {
    color: #ffffff !important;
}
#uploadLogoModal .modal-content.dark-mode .btn.btn-pill,
#uploadBackgroundModal .modal-content.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#uploadLogoModal .modal-content.dark-mode .btn.btn-pill:hover,
#uploadBackgroundModal .modal-content.dark-mode .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#uploadLogoModal .modal-content.dark-mode .dropzone,
#uploadBackgroundModal .modal-content.dark-mode .dropzone {
    background: #242424 !important;
    border: 1px dashed #666666 !important;
}

/* ── Notification list (/notification) — Slate Noir only ── */
.notification-list-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.notification-list-screen .filter-container,
.notification-list-screen .action-container {
    background: transparent !important;
    border: none !important;
}
.notification-list-screen .filter-container .filter,
.notification-list-screen .filter-container .clear,
.notification-list-screen .filter-container .create-item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.notification-list-screen .filter-container .filter:hover,
.notification-list-screen .filter-container .clear:hover,
.notification-list-screen .filter-container .create-item:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.notification-list-screen .filter-container .filter::before,
.notification-list-screen .filter-container .clear::before {
    color: #000000 !important;
}
.notification-list-screen .grid-container table,
.notification-list-screen .grid-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.notification-list-screen .be-report-table-shell,
.notification-list-screen .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.notification-list-screen .be-report-table,
.notification-list-screen .report_table.be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
}
.notification-list-screen .grid-head,
.notification-list-screen thead.grid-head,
.notification-list-screen .grid-head th,
.notification-list-screen .report_thead,
.notification-list-screen .report_thead th,
.notification-list-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
}
.notification-list-screen .grid-row,
.notification-list-screen .grid-row.rounded,
.notification-list-screen .grid-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.notification-list-screen .grid-row:hover,
.notification-list-screen .grid-row:hover td {
    background: #424242 !important;
    background-color: #424242 !important;
}
.notification-list-screen .grid-row .kt-nav__link,
.notification-list-screen .grid-row .flaticon-eye,
.notification-list-screen .grid-row .kt-nav__link-icon {
    color: #ffffff !important;
}
.notification-list-screen .grid-row .icon-bg,
.notification-list-screen .grid-row .kt-menu__link {
    background: #424242 !important;
    color: #ffffff !important;
}
.notification-list-screen .grid-empty .poppins-blue,
.notification-list-screen .grid-empty .poppins-mt {
    color: #bfbfbf !important;
}
/* Filter sidenav */
.notification-list-screen #mySidenav.sidenav,
.notification-list-screen #mySidenav .sidenav--header,
.notification-list-screen #mySidenav .sidenav--body,
.notification-list-screen #mySidenav .sidenav--body-content,
.notification-list-screen #mySidenav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.notification-list-screen #mySidenav .sidenav--header p,
.notification-list-screen #mySidenav .sidenav-form--input p,
.notification-list-screen #mySidenav h1 {
    color: #ffffff !important;
}
.notification-list-screen #mySidenav .sidenav--header p img {
    filter: invert(1);
}
.notification-list-screen #mySidenav input,
.notification-list-screen #mySidenav select,
.notification-list-screen #mySidenav .form-control {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.notification-list-screen #mySidenav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.notification-list-screen #mySidenav .sidenav-form--input > button,
.notification-list-screen #mySidenav button.ml-auto,
.notification-list-screen #mySidenav .btn.btn-pill,
.notification-list-screen #mySidenav .btn.btn-primary {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.notification-list-screen #messageModal .modal-content,
.notification-list-screen .modal-content_custom {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.notification-list-screen #messageModal .poppins-black,
.notification-list-screen #messageModal .customP,
.notification-list-screen #messageModal .customSpan {
    color: #ffffff !important;
}
/* Modal is appended to body — do not rely on .notification-list-screen parent */
#messageModal .modal-content,
#messageModal .modal-content_custom,
#messageModal .modal-header,
#messageModal .modal-header_custom,
#messageModal .modal-body,
#messageModal .modal-body_custom,
#messageModal .modal-footer,
#messageModal .modal-footer_custom {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#messageModal .modal-header .poppins-black,
#messageModal .modal-header span,
#messageModal .modal-header b,
#messageModal .modal-body p,
#messageModal .modal-body .customP,
#messageModal .modal-body_custom p,
#messageModal .modal-body_custom .customP,
#messageModal .customP,
#messageModal .customSpan,
#messageModal .modal-footer .customSpan {
    color: #ffffff !important;
}

/* ── Manage / Create Banners — Slate Noir only ── */
.manage-banners-screen .chromium_container--header h1,
.create-banner-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
/* Banner User Visibility Report — dark grid (be-report-table; beat chromium.main.css #fff) */
.banner-visibility-report-screen .chromium_container--header h1,
.banner-visibility-report-screen .banner-report-page .chromium_container--header h1 {
    color: #ffffff !important;
}
.banner-visibility-report-screen .be-report-table-shell,
.banner-visibility-report-screen .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.banner-visibility-report-screen .be-report-table,
.banner-visibility-report-screen .report_table.be-report-table,
.banner-visibility-report-screen .banner-report-page .report_table {
    background: #242424 !important;
    background-color: #242424 !important;
}
.banner-visibility-report-screen .report_thead,
.banner-visibility-report-screen .report_thead th,
.banner-visibility-report-screen .be-report-table thead th,
.banner-visibility-report-screen .banner-report-page .report_table th,
.banner-visibility-report-screen .grid-head,
.banner-visibility-report-screen .grid-head th,
.banner-visibility-report-screen .grid-head.dark-mode,
.banner-visibility-report-screen .grid-head.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
}
.banner-visibility-report-screen .cr-row,
.banner-visibility-report-screen .cr-row td,
.banner-visibility-report-screen .cr-row td span,
.banner-visibility-report-screen .cr-row td a,
.banner-visibility-report-screen .be-report-table tbody tr,
.banner-visibility-report-screen .be-report-table tbody td,
.banner-visibility-report-screen .banner-report-page .report_table td,
.banner-visibility-report-screen .grid-row,
.banner-visibility-report-screen .grid-row td,
.banner-visibility-report-screen .grid-row.dark-mode,
.banner-visibility-report-screen .grid-row.dark-mode td,
.banner-visibility-report-screen .grid-row.dark-mode td span,
.banner-visibility-report-screen .grid-row.dark-mode td a {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
    box-shadow: none !important;
}
.banner-visibility-report-screen .cr-row:hover,
.banner-visibility-report-screen .cr-row:hover td,
.banner-visibility-report-screen .be-report-table tbody tr:hover,
.banner-visibility-report-screen .be-report-table tbody tr:hover td,
.banner-visibility-report-screen .grid-row:hover,
.banner-visibility-report-screen .grid-row:hover td,
.banner-visibility-report-screen .grid-row.dark-mode:hover,
.banner-visibility-report-screen .grid-row.dark-mode:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.banner-visibility-report-screen .cr-row td a.text-primary,
.banner-visibility-report-screen .be-report-table td a {
    color: #ffffff !important;
}
.banner-visibility-report-screen .search-container input.dark-mode,
.banner-visibility-report-screen #banner_visibility_search.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.banner-visibility-report-screen .search-container input.dark-mode::placeholder,
.banner-visibility-report-screen #banner_visibility_search.dark-mode::placeholder {
    color: #bfbfbf !important;
}
.banner-visibility-report-screen .filter-container .download.dark-mode-bg-white,
.banner-visibility-report-screen .filter-container .filter.dark-mode-bg-white,
.banner-visibility-report-screen .filter-container .clear.dark-mode-bg-white {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.banner-visibility-report-screen .filter-container .download.dark-mode-bg-white::before,
.banner-visibility-report-screen .filter-container .filter.dark-mode-bg-white::before,
.banner-visibility-report-screen .filter-container .clear.dark-mode-bg-white::before {
    color: #000000 !important;
}
.banner-visibility-report-screen .grid-empty .poppins-blue,
.banner-visibility-report-screen .grid-empty p {
    color: #ffffff !important;
}
.manage-banners-screen .search-container input,
.manage-banners-screen #banner_search {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.manage-banners-screen .search-container input::placeholder,
.manage-banners-screen #banner_search::placeholder {
    color: #bfbfbf !important;
}
.manage-banners-screen .search-container .flaticon-search {
    color: #ffffff !important;
}
.manage-banners-screen .filter-container,
.manage-banners-screen .action-container {
    background: transparent !important;
    border: none !important;
}
.manage-banners-screen .filter-container .filter,
.manage-banners-screen .filter-container .clear,
.manage-banners-screen .filter-container .download,
.manage-banners-screen .action-container .create-item {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.manage-banners-screen .filter-container .filter:hover,
.manage-banners-screen .filter-container .clear:hover,
.manage-banners-screen .filter-container .download:hover,
.manage-banners-screen .action-container .create-item:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-banners-screen .filter-container .filter::before,
.manage-banners-screen .filter-container .clear::before,
.manage-banners-screen .filter-container .download::before,
.manage-banners-screen .action-container .create-item::before {
    color: #000000 !important;
}
.manage-banners-screen .grid-container,
.manage-banners-screen .grid-container table,
.manage-banners-screen .banners-list-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Grid — be-report-table (no .dark-mode on shell); beat chromium.main.css #fff / #e6e6e6 */
.manage-banners-screen .be-report-table-shell,
.manage-banners-screen .be-report-table-shell.banners-list-grid,
.manage-banners-screen .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.manage-banners-screen .be-report-table,
.manage-banners-screen .report_table.be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
}
.manage-banners-screen .report_thead,
.manage-banners-screen .report_thead th,
.manage-banners-screen .be-report-table thead th,
.manage-banners-screen .grid-head,
.manage-banners-screen .grid-head th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
}
.manage-banners-screen .cr-row,
.manage-banners-screen .cr-row td,
.manage-banners-screen .be-report-table tbody tr,
.manage-banners-screen .be-report-table tbody td,
.manage-banners-screen .grid-row,
.manage-banners-screen .grid-row td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
    box-shadow: none !important;
}
.manage-banners-screen .cr-row:hover,
.manage-banners-screen .cr-row:hover td,
.manage-banners-screen .be-report-table tbody tr:hover,
.manage-banners-screen .be-report-table tbody tr:hover td,
.manage-banners-screen .grid-row:hover,
.manage-banners-screen .grid-row:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.manage-banners-screen .banners-grid-name {
    color: #ffffff !important;
}
/* 3-dot trigger — white on dark rows */
.manage-banners-screen .btn.btn-clean,
.manage-banners-screen .btn.btn-icon,
.manage-banners-screen .flaticon-more-1,
.manage-banners-screen .flaticon-more-1:before {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
/* Status badges — keep readable text (do not force white on light pills) */
.manage-banners-screen .banners-status-badge--draft {
    background-color: #424242 !important;
    color: #bfbfbf !important;
}
.manage-banners-screen .banners-status-badge--live {
    background-color: #1a3d2a !important;
    color: #6bd686 !important;
}
.manage-banners-screen .banners-status-badge--expired {
    background-color: #3d1a1a !important;
    color: #ff6b6b !important;
}
.manage-banners-screen .banners-status-badge--scheduled {
    background-color: #1a2a3d !important;
    color: #6ba3ff !important;
}
.manage-banners-screen .banners-status-badge--deactivated {
    background-color: #333333 !important;
    color: #9ca3af !important;
}
.manage-banners-screen .dropdown-menu,
.manage-banners-screen .dropdown-menu.show,
.manage-banners-screen .cr-row .dropdown-menu,
.manage-banners-screen .cr-row .dropdown-menu.show {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
}
.manage-banners-screen .dropdown-menu .kt-nav__link,
.manage-banners-screen .dropdown-menu .kt-nav__link-text,
.manage-banners-screen .dropdown-menu .kt-nav__link-icon,
.manage-banners-screen .dropdown-menu .kt-nav__link i,
.manage-banners-screen .dropdown-menu .kt-nav__link span,
.manage-banners-screen .dropdown-menu .dropdown-item,
.manage-banners-screen .dropdown-menu .dropdown-item i {
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
    text-decoration: none !important;
}
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.manage-banners-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.manage-banners-screen .dropdown-menu .dropdown-item:hover,
.manage-banners-screen .dropdown-menu .dropdown-item:focus,
.manage-banners-screen .dropdown-menu .dropdown-item:hover i {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    text-decoration: none !important;
}
.manage-banners-screen .grid-empty .poppins-blue,
.manage-banners-screen .grid-empty p {
    color: #bfbfbf !important;
}

/* Banner filter sidenav */
.manage-banners-screen #bannerFilterSideNav.sidenav,
.manage-banners-screen #bannerFilterSideNav .sidenav--header,
.manage-banners-screen #bannerFilterSideNav .sidenav--body,
.manage-banners-screen #bannerFilterSideNav .sidenav--body-content,
.manage-banners-screen #bannerFilterSideNav .sidenav--body-content_container,
#bannerFilterSideNav.sidenav,
#bannerFilterSideNav .sidenav--header,
#bannerFilterSideNav .sidenav--body,
#bannerFilterSideNav .sidenav--body-content,
#bannerFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#bannerFilterSideNav .sidenav--header p,
#bannerFilterSideNav h1,
#bannerFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
#bannerFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
#bannerFilterSideNav input,
#bannerFilterSideNav select,
#bannerFilterSideNav .form-control,
#bannerFilterSideNav .kt-datepicker {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#bannerFilterSideNav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
#bannerFilterSideNav .sidenav-form--input > button,
#bannerFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* ── Q Cards (/qcards) — grid + filter sidenav ── */
body:has(#qcardFilterSideNav) .chromium_container--header h1 {
    color: #ffffff !important;
}
body:has(#qcardFilterSideNav) .action-container,
body:has(#qcardFilterSideNav) .filter-container {
    background: transparent !important;
    border: none !important;
}
body:has(#qcardFilterSideNav) .create-button,
body:has(#qcardFilterSideNav) .filter-container .filter,
body:has(#qcardFilterSideNav) .filter-container .clear,
body:has(#qcardFilterSideNav) .filter-container .download,
body:has(#qcardFilterSideNav) .chromium_container--header > .action-container .download {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
body:has(#qcardFilterSideNav) .create-button:hover,
body:has(#qcardFilterSideNav) .filter-container .filter:hover,
body:has(#qcardFilterSideNav) .filter-container .clear:hover,
body:has(#qcardFilterSideNav) .filter-container .download:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
body:has(#qcardFilterSideNav) .filter-container .filter::before,
body:has(#qcardFilterSideNav) .filter-container .clear::before,
body:has(#qcardFilterSideNav) .filter-container .download::before {
    color: #000000 !important;
}
body:has(#qcardFilterSideNav) .grid-container,
body:has(#qcardFilterSideNav) .grid-container table,
body:has(#qcardFilterSideNav) .title-wrap-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Grid — be-report-table (no .dark-mode on shell); beat chromium.main.css #fff / #e6e6e6 */
body:has(#qcardFilterSideNav) .be-report-table-shell,
body:has(#qcardFilterSideNav) .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
body:has(#qcardFilterSideNav) .be-report-table,
body:has(#qcardFilterSideNav) .report_table.be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
}
body:has(#qcardFilterSideNav) .report_thead,
body:has(#qcardFilterSideNav) .report_thead th,
body:has(#qcardFilterSideNav) .be-report-table thead th,
body:has(#qcardFilterSideNav) .grid-head,
body:has(#qcardFilterSideNav) thead.grid-head,
body:has(#qcardFilterSideNav) .grid-head th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
}
body:has(#qcardFilterSideNav) .grid-head th .kt-font-info,
body:has(#qcardFilterSideNav) .grid-head th i,
body:has(#qcardFilterSideNav) .report_thead th .kt-font-info,
body:has(#qcardFilterSideNav) .report_thead th i,
body:has(#qcardFilterSideNav) .be-report-table thead th .kt-font-info,
body:has(#qcardFilterSideNav) .be-report-table thead th i {
    color: #ffffff !important;
}
body:has(#qcardFilterSideNav) .grid-row,
body:has(#qcardFilterSideNav) .grid-row td,
body:has(#qcardFilterSideNav) .grid-row .grid-title,
body:has(#qcardFilterSideNav) .be-report-table tbody tr,
body:has(#qcardFilterSideNav) .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
    box-shadow: none !important;
}
body:has(#qcardFilterSideNav) .grid-row:hover,
body:has(#qcardFilterSideNav) .grid-row:hover td,
body:has(#qcardFilterSideNav) .be-report-table tbody tr:hover,
body:has(#qcardFilterSideNav) .be-report-table tbody tr:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
body:has(#qcardFilterSideNav) .grid-row .flaticon-more-1,
body:has(#qcardFilterSideNav) .grid-row .btn-clean,
body:has(#qcardFilterSideNav) .grid-row .btn-icon {
    color: #ffffff !important;
    background: transparent !important;
}
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu,
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu.show {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e0e0e0 !important;
}
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__link,
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__link-text,
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__link-icon {
    color: #000000 !important;
    background: transparent !important;
}
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
body:has(#qcardFilterSideNav) .grid-row .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon {
    background: #bfbfbf !important;
    color: #000000 !important;
}
body:has(#qcardFilterSideNav) .grid-empty .poppins-blue,
body:has(#qcardFilterSideNav) .grid-empty p {
    color: #bfbfbf !important;
}

/* Q Cards filter sidenav */
#qcardFilterSideNav.sidenav,
#qcardFilterSideNav .sidenav--header,
#qcardFilterSideNav .sidenav--body,
#qcardFilterSideNav .sidenav--body-content,
#qcardFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#qcardFilterSideNav .sidenav--header p,
#qcardFilterSideNav h1,
#qcardFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
#qcardFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
#qcardFilterSideNav input,
#qcardFilterSideNav select,
#qcardFilterSideNav .form-control {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
/* White calendar glyph — don't use invert (fights color-scheme: dark) */
#qcardFilterSideNav input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    width: 1rem !important;
    height: 1rem !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
#qcardFilterSideNav input::placeholder,
#qcardFilterSideNav .form-control::placeholder {
    color: #bfbfbf !important;
}
#qcardFilterSideNav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
#qcardFilterSideNav .sidenav-form--input > button,
#qcardFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
#qcardFilterSideNav button.ml-auto:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* ── My Cards (/qcards/mycards) — page chrome + filter sidenav ── */
body:has(#myCardsFilterSideNav) .chromium_container--header h1 {
    color: #ffffff !important;
}
body:has(#myCardsFilterSideNav) .action-container,
body:has(#myCardsFilterSideNav) .filter-container {
    background: transparent !important;
    border: none !important;
}
body:has(#myCardsFilterSideNav) .filter-container .filter,
body:has(#myCardsFilterSideNav) .filter-container .clear {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
body:has(#myCardsFilterSideNav) .filter-container .filter:hover,
body:has(#myCardsFilterSideNav) .filter-container .clear:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
body:has(#myCardsFilterSideNav) .filter-container .filter::before,
body:has(#myCardsFilterSideNav) .filter-container .clear::before {
    color: #000000 !important;
}
body:has(#myCardsFilterSideNav) .grid-empty .poppins-blue,
body:has(#myCardsFilterSideNav) .grid-empty p {
    color: #bfbfbf !important;
}

/* My Cards filter sidenav (no .dark-mode class — force Slate Noir) */
#myCardsFilterSideNav.sidenav,
#myCardsFilterSideNav .sidenav--header,
#myCardsFilterSideNav .sidenav--body,
#myCardsFilterSideNav .sidenav--body-content,
#myCardsFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#myCardsFilterSideNav .sidenav--header p,
#myCardsFilterSideNav h1,
#myCardsFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
#myCardsFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
#myCardsFilterSideNav input,
#myCardsFilterSideNav select,
#myCardsFilterSideNav .form-control,
#myCardsFilterSideNav input[type="date"] {
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
/* White calendar glyph — don't use invert (fights color-scheme: dark) */
#myCardsFilterSideNav input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    width: 1rem !important;
    height: 1rem !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
#myCardsFilterSideNav input::placeholder,
#myCardsFilterSideNav .form-control::placeholder {
    color: #bfbfbf !important;
}
#myCardsFilterSideNav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
#myCardsFilterSideNav .sidenav-form--input > button,
#myCardsFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
#myCardsFilterSideNav button.ml-auto:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Mobile: reduce huge 3em/5em sidenav padding so filter isn’t inset */
@media (max-width: 767px) {
    #myCardsFilterSideNav .sidenav--header {
        padding: 1.25rem 1.25rem !important;
    }
    #myCardsFilterSideNav .sidenav--body-content {
        padding: 1.5rem 1.25rem !important;
    }
}

/* Q Cards — Deactivate modal (white by default; force Slate Noir) */
#deactivate .modal-content,
#deactivate .modal-header,
#deactivate .modal-body,
#deactivate .modal-footer {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#deactivate .modal-title,
#deactivate .modal-body p,
#deactivate .modal-body strong {
    color: #ffffff !important;
}
#deactivate .btn.btn-secondary.btn-pill,
#deactivate .btn.btn-brand.btn-pill,
#deactivate .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#deactivate .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* ── Q Cards Interaction Details — grid + filter ── */
.qcard-interaction-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.qcard-interaction-screen .action-container,
.qcard-interaction-screen .filter-container {
    background: transparent !important;
    border: none !important;
}
.qcard-interaction-screen .filter-container .filter,
.qcard-interaction-screen .filter-container .clear,
.qcard-interaction-screen .filter-container .btn.btn-brand.btn-pill,
.qcard-interaction-screen .filter-container a.btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.qcard-interaction-screen .filter-container .filter:hover,
.qcard-interaction-screen .filter-container .clear:hover,
.qcard-interaction-screen .filter-container .btn.btn-brand.btn-pill:hover,
.qcard-interaction-screen .filter-container a.btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.qcard-interaction-screen .filter-container .filter::before,
.qcard-interaction-screen .filter-container .clear::before {
    color: #000000 !important;
}
.qcard-interaction-screen .grid-container,
.qcard-interaction-screen .grid-container table,
.qcard-interaction-screen .qcard-interaction-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Grid — be-report-table (no .dark-mode on shell); beat chromium.main.css #fff / #f2f2f2 */
.qcard-interaction-screen .be-report-table-shell,
.qcard-interaction-screen .be-report-table-shell.qcard-interaction-list-grid,
.qcard-interaction-screen .qcard-interaction-list-grid,
.qcard-interaction-screen .be-report-table-scroll {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.qcard-interaction-screen .be-report-table,
.qcard-interaction-screen .report_table.be-report-table {
    background: #242424 !important;
    background-color: #242424 !important;
}
.qcard-interaction-screen .report_thead,
.qcard-interaction-screen .report_thead th,
.qcard-interaction-screen .be-report-table thead th,
.qcard-interaction-screen .grid-head,
.qcard-interaction-screen thead.grid-head,
.qcard-interaction-screen .grid-head th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.qcard-interaction-screen .report_thead th .kt-font-info,
.qcard-interaction-screen .report_thead th i,
.qcard-interaction-screen .be-report-table thead th .kt-font-info,
.qcard-interaction-screen .be-report-table thead th i,
.qcard-interaction-screen .grid-head th .kt-font-info,
.qcard-interaction-screen .grid-head th i {
    color: #ffffff !important;
}
.qcard-interaction-screen .grid-row,
.qcard-interaction-screen .grid-row td,
.qcard-interaction-screen .be-report-table tbody tr,
.qcard-interaction-screen .be-report-table tbody td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom-color: #424242 !important;
    box-shadow: none !important;
}
.qcard-interaction-screen .grid-row:hover,
.qcard-interaction-screen .grid-row:hover td,
.qcard-interaction-screen .be-report-table tbody tr:hover,
.qcard-interaction-screen .be-report-table tbody tr:hover td {
    background: #2e2e2e !important;
    background-color: #2e2e2e !important;
}
.qcard-interaction-screen .grid-empty .poppins-blue,
.qcard-interaction-screen .grid-empty p {
    color: #bfbfbf !important;
}

/* Interaction Details filter sidenav */
.qcard-interaction-screen #interactionFilterSideNav.sidenav,
.qcard-interaction-screen #interactionFilterSideNav .sidenav--header,
.qcard-interaction-screen #interactionFilterSideNav .sidenav--body,
.qcard-interaction-screen #interactionFilterSideNav .sidenav--body-content,
.qcard-interaction-screen #interactionFilterSideNav .sidenav--body-content_container,
#interactionFilterSideNav.sidenav,
#interactionFilterSideNav .sidenav--header,
#interactionFilterSideNav .sidenav--body,
#interactionFilterSideNav .sidenav--body-content,
#interactionFilterSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.qcard-interaction-screen #interactionFilterSideNav .sidenav--header p,
.qcard-interaction-screen #interactionFilterSideNav h1,
.qcard-interaction-screen #interactionFilterSideNav .sidenav-form--input p,
#interactionFilterSideNav .sidenav--header p,
#interactionFilterSideNav h1,
#interactionFilterSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
.qcard-interaction-screen #interactionFilterSideNav .sidenav--header p img,
#interactionFilterSideNav .sidenav--header p img {
    filter: invert(1);
}
.qcard-interaction-screen #interactionFilterSideNav input,
.qcard-interaction-screen #interactionFilterSideNav select,
.qcard-interaction-screen #interactionFilterSideNav .form-control,
.qcard-interaction-screen #interactionFilterSideNav .w-100,
#interactionFilterSideNav input,
#interactionFilterSideNav select,
#interactionFilterSideNav .form-control,
#interactionFilterSideNav .w-100 {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
.qcard-interaction-screen #interactionFilterSideNav input::placeholder,
#interactionFilterSideNav input::placeholder {
    color: #bfbfbf !important;
}
.qcard-interaction-screen #interactionFilterSideNav select option,
#interactionFilterSideNav select option {
    background-color: #242424 !important;
    color: #ffffff !important;
}
.qcard-interaction-screen #interactionFilterSideNav .sidenav-form--input > button,
.qcard-interaction-screen #interactionFilterSideNav button.ml-auto,
#interactionFilterSideNav .sidenav-form--input > button,
#interactionFilterSideNav button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.qcard-interaction-screen #interactionFilterSideNav button.ml-auto:hover,
#interactionFilterSideNav button.ml-auto:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* ── Create QCard (/qcards/create) — form only; preview keeps user colors ── */
body:has(#previewqcard) .chromium_container--header h1 {
    color: #ffffff !important;
}
body:has(#previewqcard) .card.create-qcard,
body:has(#previewqcard) .card.create-qcard .card-body {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #242424 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
body:has(#previewqcard) .create-qcard .sidenav-form--input p,
body:has(#previewqcard) .create-qcard .sidenav-form--input span,
body:has(#previewqcard) .create-qcard label,
body:has(#previewqcard) .create-qcard #characterCountLabel {
    color: #ffffff !important;
}
body:has(#previewqcard) .create-qcard .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
body:has(#previewqcard) .create-qcard input:not([type="color"]),
body:has(#previewqcard) .create-qcard select,
body:has(#previewqcard) .create-qcard textarea,
body:has(#previewqcard) .create-qcard .form-control,
body:has(#previewqcard) .create-qcard .base_input,
body:has(#previewqcard) .create-qcard .kt-datepicker,
body:has(#previewqcard) .create-qcard .form-control-date {
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    color-scheme: dark;
}
body:has(#previewqcard) .create-qcard input::placeholder,
body:has(#previewqcard) .create-qcard .form-control::placeholder {
    color: #bfbfbf !important;
}
/* CKEditor */
body:has(#previewqcard) .create-qcard .cke_chrome,
body:has(#previewqcard) .create-qcard .ng-ckeditor .cke,
body:has(#previewqcard) .create-qcard .cke_inner,
body:has(#previewqcard) .create-qcard .cke_top,
body:has(#previewqcard) .create-qcard .cke_bottom,
body:has(#previewqcard) .create-qcard .cke_toolbox,
body:has(#previewqcard) .create-qcard .cke_toolbar,
body:has(#previewqcard) .create-qcard .cke_toolgroup,
body:has(#previewqcard) .create-qcard .cke_combo_button,
body:has(#previewqcard) .create-qcard .cke_contents {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
body:has(#previewqcard) .create-qcard .cke_wysiwyg_frame,
body:has(#previewqcard) .create-qcard .cke_wysiwyg_div,
body:has(#previewqcard) .create-qcard .cke_contents iframe {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
body:has(#previewqcard) .create-qcard .cke_button_icon,
body:has(#previewqcard) .create-qcard .cke_button,
body:has(#previewqcard) .create-qcard a.cke_button_off,
body:has(#previewqcard) .create-qcard a.cke_button_on {
    filter: invert(1) brightness(1.1);
}
body:has(#previewqcard) .create-qcard .cke_top {
    border-bottom: 1px solid #424242 !important;
}
body:has(#previewqcard) .create-qcard .cke_bottom {
    border-top: 1px solid #424242 !important;
}
/* Dropzone */
body:has(#previewqcard) .create-qcard #sidenav_dropzone,
body:has(#previewqcard) .create-qcard .dropzone {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 2px dashed #666666 !important;
    color: #ffffff !important;
}
body:has(#previewqcard) .create-qcard .dropzone .dz-message,
body:has(#previewqcard) .create-qcard .dropzone .dz-message strong,
body:has(#previewqcard) .create-qcard .dropzone .dz-message b,
body:has(#previewqcard) .create-qcard .dropzone .fa-upload {
    color: #ffffff !important;
}
/* Footer divider + actions */
body:has(#previewqcard) .create-qcard .d-flex.mt-4 {
    border-top-color: #424242 !important;
}
body:has(#previewqcard) .create-qcard .qcardbtn.btn,
body:has(#previewqcard) .create-qcard .add-users-btn,
body:has(#previewqcard) .create-qcard #createQcardBtn {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
body:has(#previewqcard) .create-qcard .qcardbtn.btn:hover,
body:has(#previewqcard) .create-qcard .add-users-btn:hover,
body:has(#previewqcard) .create-qcard #createQcardBtn:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
body:has(#previewqcard) .create-qcard .qcardbtn.btn i,
body:has(#previewqcard) .create-qcard .add-users-btn i,
body:has(#previewqcard) .create-qcard #createQcardBtn i {
    color: #000000 !important;
}
body:has(#previewqcard) .create-qcard .kt-badge {
    background: #424242 !important;
    color: #ffffff !important;
}
/*
  Clock / calendar icons — white on dark fields.
  Do NOT use filter:invert(1) (turns #fff into black).
*/
body:has(#previewqcard) .create-qcard .time-icon-suffix::after,
body:has(#previewqcard) .create-qcard .calendar-icon-suffix::after,
body:has(#previewqcard) .create-qcard .time-icon-suffix i,
body:has(#previewqcard) .create-qcard .calendar-icon-suffix i {
    color: #ffffff !important;
    filter: none !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}
/* Scheduled / Expiry date fields — no calendar-icon-suffix wrapper; paint white glyph */
body:has(#previewqcard) .create-qcard .kt-datepicker,
body:has(#previewqcard) .create-qcard input.kt-datepicker,
body:has(#previewqcard) .create-qcard input.base_input.kt-datepicker {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 1rem 1rem !important;
    padding-right: 2.5rem !important;
}
body:has(#previewqcard) .create-qcard input[type="date"]::-webkit-calendar-picker-indicator,
body:has(#previewqcard) .create-qcard input[type="time"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    width: 1rem !important;
    height: 1rem !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
/* Upload / FA icons on dark surfaces (info-tooltip stays black-on-white; action pills stay black) */
body:has(#previewqcard) .create-qcard .fa-upload,
body:has(#previewqcard) .create-qcard .dropzone .fa,
body:has(#previewqcard) .create-qcard .dropzone .dz-message .fa {
    color: #ffffff !important;
}

/* Create QCard — Add Users sidenav */
body:has(#previewqcard) #addUsersSideNav.sidenav,
body:has(#previewqcard) #addUsersSideNav .sidenav--header,
body:has(#previewqcard) #addUsersSideNav .sidenav--body,
body:has(#previewqcard) #addUsersSideNav .sidenav--body-content,
body:has(#previewqcard) #addUsersSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
body:has(#previewqcard) #addUsersSideNav .sidenav--header p,
body:has(#previewqcard) #addUsersSideNav label,
body:has(#previewqcard) #addUsersSideNav .sidenav-form--input p,
body:has(#previewqcard) #addUsersSideNav .poppins {
    color: #ffffff !important;
}
body:has(#previewqcard) #addUsersSideNav .sidenav--header p img {
    filter: invert(1);
}
body:has(#previewqcard) #addUsersSideNav .alert.alert-info {
    background: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(#previewqcard) #addUsersSideNav input:not([type="checkbox"]),
body:has(#previewqcard) #addUsersSideNav select,
body:has(#previewqcard) #addUsersSideNav .form-control,
body:has(#previewqcard) #addUsersSideNav .select2-selection {
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(#previewqcard) #addUsersSideNav .sidenav-form--input > button,
body:has(#previewqcard) #addUsersSideNav button.ml-auto,
body:has(#previewqcard) #addUsersSideNav .btn.btn-pill,
body:has(#previewqcard) #addUsersSideNav .btn.btn-brand {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
/* Select Recipients toggle — off: gray track + knob; on: white track + black knob */
body:has(#previewqcard) #addUsersSideNav .kt-switch input:empty ~ span:before,
body:has(#previewqcard) #addUsersSideNav .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border: 1px solid #666666 !important;
    border-color: #666666 !important;
}
body:has(#previewqcard) #addUsersSideNav .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
body:has(#previewqcard) #addUsersSideNav .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
body:has(#previewqcard) #addUsersSideNav .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
body:has(#previewqcard) #addUsersSideNav .kt-switch input:checked ~ span {
    background-color: #ffffff !important;
}

/* Create / Edit Banner form + media */
.create-banner-screen .banners-form,
.create-banner-screen .banners-form-box,
.create-banner-screen .banners-media-box,
.create-banner-screen .card.create-qcard,
.create-banner-screen .card-body {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.create-banner-screen .banners-box-title,
.create-banner-screen .sidenav-form--input p,
.create-banner-screen .banners-guideline-callout__text,
.create-banner-screen .banners-guideline-callout__link,
.create-banner-screen .text-muted,
.create-banner-screen .small,
.create-banner-screen label {
    color: #ffffff !important;
}
.create-banner-screen .banners-guideline-callout {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.create-banner-screen .banners-guideline-callout__icon {
    color: #ffffff !important;
}
.create-banner-screen .info-tooltip {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.create-banner-screen input,
.create-banner-screen select,
.create-banner-screen textarea,
.create-banner-screen .form-control,
.create-banner-screen .base_input,
.create-banner-screen .banners-datepicker,
.create-banner-screen .banners-timepicker {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.create-banner-screen input::placeholder {
    color: #888888 !important;
}
/*
  Banner schedule/expiry calendar + clock FA glyphs — white on dark fields.
  Do NOT use filter:invert(1) (turns #fff into black).
*/
.create-banner-screen .calendar-icon-suffix::after,
.create-banner-screen .time-icon-suffix::after,
.create-banner-screen .banners-datetime-row .calendar-icon-suffix::after,
.create-banner-screen .banners-datetime-row .time-icon-suffix::after {
    color: #ffffff !important;
    filter: none !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}
.create-banner-screen input[type="date"]::-webkit-calendar-picker-indicator,
.create-banner-screen input[type="time"]::-webkit-calendar-picker-indicator {
    filter: none !important;
    opacity: 1 !important;
    cursor: pointer !important;
    width: 1rem !important;
    height: 1rem !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1rem 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z'/%3E%3C/svg%3E") !important;
}
/* Beat bannersStyle.css white duration pills (theme --color is white → selected looked broken) */
.create-banner-screen .banners-form button.banners-duration-option,
.create-banner-screen .banners-form button.banners-duration-option:hover {
    background: #424242 !important;
    background-color: #424242 !important;
    background-image: none !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.create-banner-screen .banners-form button.banners-duration-option.is-selected,
.create-banner-screen .banners-form button.banners-duration-option.is-selected:hover {
    background: #424242 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
.create-banner-screen .banners-duration-option__label,
.create-banner-screen .banners-duration-option__unit,
.create-banner-screen .banners-duration-option__value,
.create-banner-screen .banners-form button.banners-duration-option.is-selected .banners-duration-option__value,
.create-banner-screen .banners-form button.banners-duration-option.is-selected .banners-duration-option__unit {
    color: #ffffff !important;
}
.create-banner-screen .banners-form button.banners-duration-option.is-selected .banners-duration-option__indicator {
    border-color: #ffffff !important;
}
.create-banner-screen .banners-form button.banners-duration-option.is-selected .banners-duration-option__indicator::after {
    background: #ffffff !important;
}
.create-banner-screen .chromium-button--info,
.create-banner-screen .banners-action-btn.chromium-button--info,
.create-banner-screen button.chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.create-banner-screen .chromium-button--outline-info,
.create-banner-screen .banners-action-btn.chromium-button--outline-info {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #ffffff !important;
}
.create-banner-screen .chromium-button--info:disabled,
.create-banner-screen .chromium-button--info[disabled],
.create-banner-screen button.chromium-button--info:disabled {
    color: #000000 !important;
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    opacity: 1 !important;
}
.create-banner-screen .dropzone,
.create-banner-screen .dropzone-default,
.create-banner-screen .banners-media-empty,
.create-banner-screen .grid-empty {
    background: #424242 !important;
    border-color: #666666 !important;
    color: #ffffff !important;
}
.create-banner-screen .grid-empty p,
.create-banner-screen .banners-media-empty p {
    color: #ffffff !important;
}

/* Add Media sidenav */
.create-banner-screen #bannerMediaSideNav.sidenav,
.create-banner-screen #bannerMediaSideNav .sidenav--header,
.create-banner-screen #bannerMediaSideNav .sidenav--body,
.create-banner-screen #bannerMediaSideNav .sidenav--body-content,
.create-banner-screen #bannerMediaSideNav .sidenav--body-content_container,
#bannerMediaSideNav.sidenav,
#bannerMediaSideNav .sidenav--header,
#bannerMediaSideNav .sidenav--body,
#bannerMediaSideNav .sidenav--body-content,
#bannerMediaSideNav .sidenav--body-content_container {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .sidenav--header p,
#bannerMediaSideNav h1,
#bannerMediaSideNav .sidenav-form--input p {
    color: #ffffff !important;
}
#bannerMediaSideNav .sidenav--header p img {
    filter: invert(1);
}
#bannerMediaSideNav input,
#bannerMediaSideNav select,
#bannerMediaSideNav .form-control,
#bannerMediaSideNav textarea {
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .dropzone,
#bannerMediaSideNav .dropzone-default {
    background: #424242 !important;
    border: 1px dashed #666666 !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .sidenav-form--input > button,
#bannerMediaSideNav button.ml-auto,
#bannerMediaSideNav .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
#bannerMediaSideNav .chromium-button--info:disabled,
#bannerMediaSideNav button:disabled {
    color: #000000 !important;
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    opacity: 1 !important;
}
/* Is Gallery / Linked LP toggles — beat theme-components var(--color) white knob */
#bannerMediaSideNav .kt-switch input:empty ~ span:before,
#bannerMediaSideNav .kt-switch input:checked ~ span:before {
    background-color: #424242 !important;
    background: #424242 !important;
    border: 1px solid #666666 !important;
    border-color: #666666 !important;
}
#bannerMediaSideNav .kt-switch input:empty ~ span:after {
    background-color: #bfbfbf !important;
    background: #bfbfbf !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
#bannerMediaSideNav .kt-switch input:checked ~ span:before {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
#bannerMediaSideNav .kt-switch input:checked ~ span:after {
    background-color: #000000 !important;
    background: #000000 !important;
    color: transparent !important;
    content: "" !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
/* Add Media — Learning Path Type options (beat bannersStyle white / light-blue) */
#bannerMediaSideNav .banners-lp-type-option,
.create-banner-screen #bannerMediaSideNav .banners-lp-type-option {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .banners-lp-type-option .banners-lp-type-option__text,
#bannerMediaSideNav .banners-lp-type-option.is-selected .banners-lp-type-option__text {
    color: #ffffff !important;
}
#bannerMediaSideNav .banners-lp-type-option.is-selected,
.create-banner-screen #bannerMediaSideNav .banners-lp-type-option.is-selected {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .banners-lp-type-option input[type="radio"] {
    accent-color: #ffffff !important;
}
/* Select Learning Path (select2) */
#bannerMediaSideNav .banners-drawer-lp-select-wrap .select2-container--default .select2-selection--single,
#bannerMediaSideNav .banners-drawer-lp-select-wrap .select2-container--default .select2-selection--multiple,
#bannerMediaSideNav .select2-container--default .select2-selection--single {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#bannerMediaSideNav .select2-selection__rendered,
#bannerMediaSideNav .select2-selection__placeholder,
#bannerMediaSideNav .select2-search__field {
    color: #ffffff !important;
}
body:has(.create-banner-screen) .select2-dropdown,
body:has(#bannerMediaSideNav) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.create-banner-screen) .select2-container--default .select2-results__option,
body:has(#bannerMediaSideNav) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.create-banner-screen) .select2-container--default .select2-results__option--highlighted,
body:has(#bannerMediaSideNav) .select2-container--default .select2-results__option--highlighted {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Gallery preview card in drawer */
#bannerMediaSideNav .card.border-brand,
#bannerMediaSideNav .banners-drawer-lp-config .card {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}

/* Crop / gallery / confirm modals */
.create-banner-screen .modal-content,
.create-banner-screen .banners-cropper-modal__content,
#bannerCropperModal .modal-content,
#bannerCropperModal .banners-cropper-modal__content {
    background: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
#bannerCropperModal .modal-title,
#bannerCropperModal .modal-header,
#bannerCropperModal .modal-footer,
#bannerCropperModal .text-muted,
.create-banner-screen .modal-title,
.create-banner-screen .modal-header,
.create-banner-screen .modal-body,
.create-banner-screen .modal-footer {
    color: #ffffff !important;
    background: #242424 !important;
    border-color: #424242 !important;
}
#bannerCropperModal .chromium-button--info,
.create-banner-screen .modal .chromium-button--info {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
#bannerCropperModal .chromium-button--outline-info,
.create-banner-screen .modal .chromium-button--outline-info {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid #ffffff !important;
}
#bannerCropperModal .chromium-button--info:disabled {
    color: #000000 !important;
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    opacity: 1 !important;
}

/* Banner confirm modals (Delete / Publish / Unpublish / Remove) — live on manage + create */
#deactivateBanner .modal-content.dark-mode,
#publishBanner .modal-content.dark-mode,
#unpublishBanner .modal-content.dark-mode,
#removeBannerAttachment .modal-content.dark-mode,
#removeGalleryItemModal .modal-content.dark-mode,
#galleryMediaModal .modal-content.dark-mode,
#bannerGuidelineModal .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#deactivateBanner .modal-header,
#deactivateBanner .modal-body,
#deactivateBanner .modal-footer,
#publishBanner .modal-header,
#publishBanner .modal-body,
#publishBanner .modal-footer,
#unpublishBanner .modal-header,
#unpublishBanner .modal-body,
#unpublishBanner .modal-footer,
#removeBannerAttachment .modal-header,
#removeBannerAttachment .modal-body,
#removeBannerAttachment .modal-footer,
#removeGalleryItemModal .modal-header,
#removeGalleryItemModal .modal-body,
#removeGalleryItemModal .modal-footer,
#galleryMediaModal .modal-header,
#galleryMediaModal .modal-body,
#galleryMediaModal .modal-footer,
#bannerGuidelineModal .modal-header,
#bannerGuidelineModal .modal-body,
#bannerGuidelineModal .modal-footer {
    background: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
#deactivateBanner .modal-title,
#deactivateBanner .modal-body p,
#deactivateBanner .modal-body strong,
#publishBanner .modal-title,
#publishBanner .modal-body p,
#publishBanner .modal-body strong,
#unpublishBanner .modal-title,
#unpublishBanner .modal-body p,
#unpublishBanner .modal-body strong,
#removeBannerAttachment .modal-title,
#removeBannerAttachment .modal-body p,
#removeBannerAttachment .modal-body strong,
#removeGalleryItemModal .modal-title,
#removeGalleryItemModal .modal-body p,
#removeGalleryItemModal .modal-body strong,
#galleryMediaModal .modal-title,
#galleryMediaModal .text-muted,
#bannerGuidelineModal .modal-title,
#bannerGuidelineModal .banners-guideline-section__title,
#bannerGuidelineModal .banners-guideline-field__label {
    color: #ffffff !important;
}
#deactivateBanner .btn.btn-pill,
#publishBanner .btn.btn-pill,
#unpublishBanner .btn.btn-pill,
#removeBannerAttachment .btn-pill,
#removeGalleryItemModal .btn-pill,
#galleryMediaModal .chromium-button--info,
#galleryMediaModal .btn-pill,
#bannerGuidelineModal .chromium-button--info,
#bannerGuidelineModal .btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
#deactivateBanner .btn.btn-secondary.btn-pill,
#publishBanner .btn.btn-secondary.btn-pill,
#unpublishBanner .btn.btn-secondary.btn-pill,
#galleryMediaModal .chromium-button--outline-info,
#removeBannerAttachment .chromium-button--outline-info,
#removeGalleryItemModal .chromium-button--outline-info {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
}
#deactivateBanner .btn.btn-pill:hover,
#publishBanner .btn.btn-pill:hover,
#unpublishBanner .btn.btn-pill:hover,
#galleryMediaModal .chromium-button--info:hover,
#bannerGuidelineModal .chromium-button--info:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Gallery search + empty */
#galleryMediaModal .form-control.dark-mode,
#galleryMediaModal input.form-control {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#galleryMediaModal .form-control::placeholder {
    color: #888888 !important;
}
#galleryMediaModal .close,
#galleryMediaModal .la-close {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
#galleryMediaModal .gallery-item-card {
    background: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
#galleryMediaModal .gallery-item-card .card-text,
#galleryMediaModal .gallery-item-card .text-muted {
    color: #bfbfbf !important;
}

/* Carousel attachment rows — beat bannersStyle white bg */
.create-banner-screen .banners-form .attachment-item,
.create-banner-screen .banners-media-box .attachment-item {
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
.create-banner-screen .attachment-item .attachment-name,
.create-banner-screen .attachment-item .banners-attachment-media-name,
.create-banner-screen .attachment-item .text-muted,
.create-banner-screen .attachment-item .attachment-drag-handle,
.create-banner-screen .attachment-item .attachment-drag-handle i {
    color: #ffffff !important;
}
/* Type badge — was white-on-white (badge-light + forced white text) */
.create-banner-screen .attachment-item .badge.badge-light,
.create-banner-screen .attachment-item span.badge.badge-light {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border: 1px solid #666666 !important;
}
.create-banner-screen .attachment-item .badge.badge-secondary,
.create-banner-screen .attachment-item .badge.badge-warning {
    color: #000000 !important;
}
/* Preview button — white pill + black text (readable) */
.create-banner-screen .attachment-item .attachment-preview-btn,
.create-banner-screen .attachment-item .attachment-cover-preview-btn,
.create-banner-screen .attachment-item button.chromium-button--info,
.create-banner-screen .attachment-item button.chromium-button--outline-info {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.create-banner-screen .attachment-item .attachment-preview-btn:hover,
.create-banner-screen .attachment-item button.chromium-button--info:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/*
  Remove (trash) — white circle + black icon.
  bannersStyle.css uses color:inherit → white icon on #fff (invisible).
*/
.create-banner-screen button.banners-attachment-remove-btn,
.create-banner-screen .banners-attachment-remove-btn,
.create-banner-screen button.chromium-button--outline-info.banners-attachment-remove-btn,
.create-banner-screen button.attachment-remove-btn.banners-attachment-remove-btn,
#bannerMediaSideNav button.banners-attachment-remove-btn,
#bannerMediaSideNav .banners-attachment-remove-btn,
#bannerMediaSideNav button.attachment-remove-btn.banners-attachment-remove-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #ffffff !important;
    box-shadow: none !important;
    color: #000000 !important;
}
.create-banner-screen button.banners-attachment-remove-btn:hover,
.create-banner-screen button.banners-attachment-remove-btn:focus,
#bannerMediaSideNav button.banners-attachment-remove-btn:hover,
#bannerMediaSideNav button.banners-attachment-remove-btn:focus {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.create-banner-screen .banners-attachment-remove-btn__icon,
.create-banner-screen .banners-attachment-remove-btn__icon .la,
.create-banner-screen .banners-attachment-remove-btn__icon i,
#bannerMediaSideNav .banners-attachment-remove-btn__icon,
#bannerMediaSideNav .banners-attachment-remove-btn__icon .la,
#bannerMediaSideNav .banners-attachment-remove-btn__icon i {
    color: #000000 !important;
    opacity: 1 !important;
}

/* Dropzone preview — no white tile behind thumbnail */
.create-banner-screen .dropzone .dz-preview,
.create-banner-screen .dropzone .dz-preview.dz-image-preview,
#bannerMediaSideNav .dropzone .dz-preview,
#bannerMediaSideNav .dropzone .dz-preview.dz-image-preview,
.banners-drawer-dropzone .dz-preview,
.banners-drawer-dropzone .dz-preview.dz-image-preview {
    background: transparent !important;
    background-color: transparent !important;
}
.create-banner-screen .dropzone .dz-preview .dz-image,
#bannerMediaSideNav .dropzone .dz-preview .dz-image,
.banners-drawer-dropzone .dz-preview .dz-image {
    background: #242424 !important;
    border: 1px solid #666666 !important;
    border-radius: 8px !important;
}

/* Bootstrap timepicker popup (appended near inputs) */
.create-banner-screen .bootstrap-timepicker-widget,
body:has(.create-banner-screen) .bootstrap-timepicker-widget,
.bootstrap-timepicker-widget.dropdown-menu {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.create-banner-screen .bootstrap-timepicker-widget table td,
.create-banner-screen .bootstrap-timepicker-widget table td a,
body:has(.create-banner-screen) .bootstrap-timepicker-widget table td,
body:has(.create-banner-screen) .bootstrap-timepicker-widget table td a,
.bootstrap-timepicker-widget table td,
.bootstrap-timepicker-widget table td a {
    color: #ffffff !important;
    background: transparent !important;
}
.create-banner-screen .bootstrap-timepicker-widget table td a:hover,
body:has(.create-banner-screen) .bootstrap-timepicker-widget table td a:hover,
.bootstrap-timepicker-widget table td a:hover {
    background: #424242 !important;
    color: #ffffff !important;
}
/* Hour / minute digits — force white (base input color was dark on dark popup) */
.create-banner-screen .bootstrap-timepicker-widget input,
.create-banner-screen .bootstrap-timepicker-widget .bootstrap-timepicker-hour,
.create-banner-screen .bootstrap-timepicker-widget .bootstrap-timepicker-minute,
.create-banner-screen .bootstrap-timepicker-widget .bootstrap-timepicker-second,
.create-banner-screen .bootstrap-timepicker-widget table td input,
body:has(.create-banner-screen) .bootstrap-timepicker-widget input,
body:has(.create-banner-screen) .bootstrap-timepicker-widget .bootstrap-timepicker-hour,
body:has(.create-banner-screen) .bootstrap-timepicker-widget .bootstrap-timepicker-minute,
body:has(.create-banner-screen) .bootstrap-timepicker-widget .bootstrap-timepicker-second,
body:has(.create-banner-screen) .bootstrap-timepicker-widget table td input,
.bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget .bootstrap-timepicker-hour,
.bootstrap-timepicker-widget .bootstrap-timepicker-minute,
.bootstrap-timepicker-widget .bootstrap-timepicker-second,
.bootstrap-timepicker-widget table td input {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    caret-color: #ffffff !important;
}
.create-banner-screen .bootstrap-timepicker-widget .glyphicon,
.create-banner-screen .bootstrap-timepicker-widget i,
body:has(.create-banner-screen) .bootstrap-timepicker-widget .glyphicon,
body:has(.create-banner-screen) .bootstrap-timepicker-widget i,
.bootstrap-timepicker-widget .glyphicon,
.bootstrap-timepicker-widget i,
.bootstrap-timepicker-widget table td a {
    color: #ffffff !important;
}
/* Datepicker table inside create banner (bannersStyle forces white) */
.create-banner-screen .banners-form .datepicker,
.create-banner-screen .banners-form .datepicker table,
body:has(.create-banner-screen) .datepicker.datepicker-dropdown {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}

/* Guideline modal field boxes */
#bannerGuidelineModal .banners-guideline-field__box,
#bannerGuidelineModal .banners-guideline-field__box.dark-mode,
#bannerGuidelineModal .banners-guideline-spacing,
#bannerGuidelineModal .banners-guideline-spacing.dark-mode {
    background: #424242 !important;
    border: 1px solid #666666 !important;
    color: #ffffff !important;
}
#bannerGuidelineModal .banners-guideline-field__value,
#bannerGuidelineModal .banners-guideline-field__value.dark-mode-light-text,
#bannerGuidelineModal .banners-guideline-spacing__inner,
#bannerGuidelineModal .banners-guideline-spacing__inner.dark-mode,
#bannerGuidelineModal .banners-guideline-spacing__inner .dark-mode-light-text {
    color: #ffffff !important;
}
#bannerGuidelineModal .banners-guideline-spacing__inner,
#bannerGuidelineModal .banners-guideline-spacing__inner.dark-mode {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
#bannerGuidelineModal .banners-guideline-spacing__corner {
    background: #636363 !important;
}
#bannerGuidelineModal .banners-guideline-badge.dark-mode-bg-white,
#bannerGuidelineModal .banners-guideline-badge.dark-mode-bg-white.dark-mode-dark-text {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}
#bannerGuidelineModal .banners-guideline-badge.dark-mode-dark-text .banners-guideline-badge__sep {
    color: #000000 !important;
    opacity: 0.55;
}
#bannerGuidelineModal .banners-guideline-section__title.dark-mode-light-text,
#bannerGuidelineModal .banners-guideline-section__icon.dark-mode-light-text,
#bannerGuidelineModal .banners-guideline-field__label.dark-mode-light-text {
    color: #ffffff !important;
}
#bannerGuidelineModal .banners-guideline-modal__header {
    border-bottom-color: #424242 !important;
}
#bannerGuidelineModal .banners-guideline-modal__footer {
    border-top-color: #424242 !important;
}

/* Banner Preview page */
.banner-dash-preview-page .banner-dash-preview-page__title {
    color: #ffffff !important;
}
.banner-dash-preview-page .banner-dash-preview-tabs__btn,
.banner-dash-preview-page .banner-dash-preview-tabs__btn.btn,
.banner-dash-preview-page .banner-dash-preview-tabs__btn:not(.banner-dash-preview-tabs__btn--active) {
    color: #bfbfbf !important;
    background: #424242 !important;
    background-color: #424242 !important;
    border: 1px solid #666666 !important;
}
.banner-dash-preview-page .banner-dash-preview-tabs__btn--active,
.banner-dash-preview-page .banner-dash-preview-tabs__btn.banner-dash-preview-tabs__btn--active {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
/* Web + Mobile preview shells — solid black */
.banner-dash-preview-page .banner-dash-preview-panel,
.banner-dash-preview-page .banner-dash-preview-web,
.banner-dash-preview-page .banner-dash-preview-web__chrome,
.banner-dash-preview-page .banner-dash-preview-web__cards,
.banner-dash-preview-page .banner-dash-preview-carousel,
.banner-dash-preview-page .banner-dash-preview-carousel--web,
.banner-dash-preview-page .banner-dash-preview-carousel--mobile,
.banner-dash-preview-page .home-banner-widget-root,
.banner-dash-preview-page .banner-dash-preview-mobile-wrap,
.banner-dash-preview-page .banner-dash-preview-phone,
.banner-dash-preview-page .banner-dash-preview-phone__body,
.banner-dash-preview-page .banner-dash-preview-empty {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
}
.banner-dash-preview-page .banner-dash-preview-panel__label {
    color: #bfbfbf !important;
}
.banner-dash-preview-page .banner-dash-preview-web__chrome {
    border-bottom-color: #424242 !important;
}
.banner-dash-preview-page .banner-dash-preview-skeleton,
.banner-dash-preview-page .banner-dash-preview-skeleton-card {
    background: #242424 !important;
    background-color: #242424 !important;
}
/* Home banner — subtle #424242 edge so it reads against black page bg */
#mobile-content .home-banner-slide,
.lxp-mobile-dashboard .home-banner-slide,
.home-banner-widget-root .home-banner-slide,
.banner-dash-preview-page .home-banner-slide {
    border: 1px solid #424242 !important;
    border-color: #424242 !important;
    box-sizing: border-box;
}
/* Banner View CTA — black text on white pill */
.banner-dash-preview-page .home-banner-slide__view-btn,
.home-banner-widget-root .home-banner-slide__view-btn {
    color: #000000 !important;
    background: #ffffff !important;
    border: none !important;
}
.banner-dash-preview-page .home-banner-slide__view-btn:hover,
.home-banner-widget-root .home-banner-slide__view-btn:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}

/* Provide Users / Assign Batches (survey & assessment assignment) */
.provide-users-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.provide-users-screen .assign-user-col .assign-user--body,
.provide-users-screen .assign-user-col .assign-user--body-blue {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.provide-users-screen .assign-user-col .assign-user--header h1 {
    color: #ffffff !important;
}
.provide-users-screen .assign-user-col .assign-user--body ul p,
.provide-users-screen .assign-user-col .assign-user--body ul a,
.provide-users-screen .assign-user-col .assign-user--body ul li p,
.provide-users-screen .poppins-blue {
    color: #ffffff !important;
}
.provide-users-screen .assign-user-col .assign-user--header button,
.provide-users-screen .filter-container button,
.provide-users-screen #assign-button,
.provide-users-screen #id_assign_users_btn,
.provide-users-screen #user_batch_select,
.provide-users-screen #id_finish_user_assignment > button,
.provide-users-screen #id_finish_user_assignment button.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
/* Assign Batches — stop provideUsersStyle width:100% stretch */
.provide-users-screen .filter-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
.provide-users-screen .filter-container > #assign-button,
.provide-users-screen #assign-button.btn-pill {
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}
.provide-users-screen .assign-user-col .assign-user--header button:hover,
.provide-users-screen .filter-container button:hover,
.provide-users-screen #assign-button:hover,
.provide-users-screen #id_assign_users_btn:hover,
.provide-users-screen #user_batch_select:hover,
.provide-users-screen #id_finish_user_assignment > button:hover,
.provide-users-screen #id_finish_user_assignment button.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.provide-users-screen .select .user-checkmark {
    background-color: #242424 !important;
    border: 2px solid #666666 !important;
}
.provide-users-screen .select:hover input ~ .user-checkmark,
.provide-users-screen .select input:checked ~ .user-checkmark {
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
/* Checkbox tick — black on white (not theme blue #3e78dc) */
.provide-users-screen .select .user-checkmark::after,
.provide-users-screen .select input:checked ~ .user-checkmark::after {
    border-color: #000000 !important;
}
/* Selected Users assignment-type icons */
.provide-users-screen .assigned-user-name-container .icon-container {
    background: #424242 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
.provide-users-screen .assigned-user-name-container .icon-container i,
.provide-users-screen .assigned-user-name-container .icon-container .fa-user,
.provide-users-screen .assigned-user-name-container .icon-container .fa-users {
    color: #ffffff !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode .kt-switch input:empty ~ span:before {
    background: #666666 !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode .kt-switch input:checked ~ span:before {
    background: #ffffff !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode .kt-switch input:empty ~ span:after {
    background: #bfbfbf !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode .kt-switch input:checked ~ span:after {
    background: #000000 !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode .sidenav-form--input > button,
.provide-users-screen #mySidenav.sidenav.dark-mode button.ml-auto {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
}
.provide-users-screen #mySidenav.sidenav.dark-mode input,
.provide-users-screen #mySidenav.sidenav.dark-mode select {
    border-radius: 20px !important;
}
body:has(.provide-users-screen #mySidenav) .select2-dropdown {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
body:has(.provide-users-screen #mySidenav) .select2-container--default .select2-results__option {
    background: #242424 !important;
    color: #ffffff !important;
}
body:has(.provide-users-screen #mySidenav) .select2-container--default .select2-results__option--highlighted,
body:has(.provide-users-screen #mySidenav) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #bfbfbf !important;
    color: #000000 !important;
}

/* Gamification User Points report — dark thead (beats attritionReportStyle th color) */
.gamification-user-points-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.gamification-user-points-screen .be-report-table-shell,
.gamification-user-points-screen .be-report-table-shell.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.gamification-user-points-screen .report_thead,
.gamification-user-points-screen .report_thead.dark-mode,
.gamification-user-points-screen .report_thead th,
.gamification-user-points-screen .report_thead th.labels,
.gamification-user-points-screen .report_thead .dark-mode-light-text,
.gamification-user-points-screen .report_thead th span,
.gamification-user-points-screen .be-report-table thead th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.gamification-user-points-screen .report_thead th span.kt-font-info {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* Add Gamification Points */
.gamification-points-screen .chromium_container--header h1 {
    color: #ffffff !important;
}
.gamification-points-screen .card,
.gamification-points-screen .card.bg-white,
.gamification-points-screen .card-header,
.gamification-points-screen .card-header.bg-white,
.gamification-points-screen .card-body,
.gamification-points-screen .kt-portlet,
.gamification-points-screen .kt-portlet__head,
.gamification-points-screen .kt-portlet__body {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.gamification-points-screen .card {
    border: 1px solid #424242 !important;
}
.gamification-points-screen .kt-portlet {
    border: 1px solid #424242 !important;
}
.gamification-points-screen .card-title,
.gamification-points-screen .kt-portlet__head-title,
.gamification-points-screen .kt-widget4__title,
.gamification-points-screen .kt-widget4__title--light,
.gamification-points-screen .kt-widget4__icon,
.gamification-points-screen .kt-widget4__icon i {
    color: #ffffff !important;
}
.gamification-points-screen .kt-widget4__item {
    border-color: #424242 !important;
}
.gamification-points-screen .form-control {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 20px !important;
    color: #ffffff !important;
}
.gamification-points-screen .chromium_container--header .btn.btn-pill {
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    color: #000000 !important;
}
.gamification-points-screen .chromium_container--header .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.gamification-points-screen .kt-switch input:empty ~ span:before {
    background: #666666 !important;
}
.gamification-points-screen .kt-switch input:checked ~ span:before {
    background: #ffffff !important;
}
.gamification-points-screen .kt-switch input:empty ~ span:after {
    background: #bfbfbf !important;
}
.gamification-points-screen .kt-switch input:checked ~ span:after {
    background: #000000 !important;
}

/* Assign Daily Assessment Users — outlined assignment-type icon */
.configure-lp-screen .assigned-user-name-container .icon-container {
    background: #424242 !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}
.configure-lp-screen .assigned-user-name-container .icon-container i {
    color: #ffffff !important;
}

/* Daily Based Assessment delete confirmation */
.daily-based-assessment-screen #deleteModal .action-button,
.daily-based-assessment-screen #id_delete_daily_based_assessment {
    background: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    color: #000000 !important;
}
.daily-based-assessment-screen #deleteModal .action-button:hover,
.daily-based-assessment-screen #id_delete_daily_based_assessment:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Manage Microskill — dark grid + Options menu (existing dark-mode / btn-pill) */
.manage-microskill-screen .chromium_container--header h1,
.manage-microskill-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.manage-microskill-screen .action-container.dark-mode,
.manage-microskill-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    gap: 0.75rem !important;
}
.manage-microskill-screen .filter-container .refresh,
.manage-microskill-screen .filter-container .clear,
.manage-microskill-screen .filter-container .btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    margin-left: 0 !important;
}
.manage-microskill-screen .filter-container .refresh:hover,
.manage-microskill-screen .filter-container .clear:hover,
.manage-microskill-screen .filter-container .btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-microskill-screen .grid-head.dark-mode,
.manage-microskill-screen .grid-head.dark-mode th,
.manage-microskill-screen .grid-head.dark-mode .fixed-col {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-microskill-screen .grid-row.dark-mode,
.manage-microskill-screen .grid-row.dark-mode td,
.manage-microskill-screen .grid-row.dark-mode td.fixed-col {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-microskill-screen .grid-row.dark-mode td.fixed-col .btn-clean,
.manage-microskill-screen .grid-row.dark-mode td.fixed-col .flaticon-more-1 {
    color: #ffffff !important;
    background: transparent !important;
}
.manage-microskill-screen .dropdown-menu,
.manage-microskill-screen .dropdown-menu.dropdown-menu-md,
.manage-microskill-screen .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    width: auto !important;
    min-width: 160px !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav {
    padding: 0.5rem !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__item {
    display: block !important;
    width: 100% !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__item > .kt-nav__link {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.55rem 0.75rem !important;
    white-space: nowrap !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__head,
.manage-microskill-screen .dropdown-menu .kt-nav__link,
.manage-microskill-screen .dropdown-menu .kt-nav__link.dark-mode-text-color,
.manage-microskill-screen .dropdown-menu .kt-nav__link-text,
.manage-microskill-screen .dropdown-menu .kt-nav__link-icon,
.manage-microskill-screen .dropdown-menu .kt-nav__link i {
    color: #000000 !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.manage-microskill-screen .dropdown-menu .kt-nav__item:hover > .kt-nav__link i {
    color: #000000 !important;
}
.manage-microskill-screen .dropdown-menu .kt-nav__separator {
    background: #e0e0e0 !important;
}

/* Manage Microskill — View Assigned Users */
.manage-microskill-view-users-screen .chromium_container--header h1,
.manage-microskill-view-users-screen .chromium_container--header h3,
.manage-microskill-view-users-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.manage-microskill-view-users-screen .action-container.dark-mode,
.manage-microskill-view-users-screen .filter-container.dark-mode {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    gap: 0.75rem !important;
    align-items: center !important;
}
.manage-microskill-view-users-screen .filter-container .filter,
.manage-microskill-view-users-screen .filter-container .clear,
.manage-microskill-view-users-screen .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 20px !important;
    margin-left: 0 !important;
}
.manage-microskill-view-users-screen .filter-container .filter:hover,
.manage-microskill-view-users-screen .filter-container .clear:hover,
.manage-microskill-view-users-screen .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.manage-microskill-view-users-screen .filter-container .filter::before,
.manage-microskill-view-users-screen .filter-container .clear::before {
    color: #000000 !important;
}
.manage-microskill-view-users-screen .grid-head.dark-mode,
.manage-microskill-view-users-screen .grid-head.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-microskill-view-users-screen .grid-row.dark-mode,
.manage-microskill-view-users-screen .grid-row.dark-mode td {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.manage-microskill-view-users-screen .poppins-blue,
.manage-microskill-view-users-screen .poppins-mt {
    color: #ffffff !important;
}


/* SCORM play launch page — not pure black; dark card + visible open-popup pill */
body:has(.play-course-launch-card),
body:has(.play-course-launch-card.dark-mode) {
    background-color: #242424 !important;
}
.play-course-launch-card.dark-mode,
.card.dark-mode.play-course-launch-card {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.play-course-launch-card.dark-mode h5,
.play-course-launch-card.dark-mode .dark-mode-light-text {
    color: #ffffff !important;
}
.play-course-launch-card.dark-mode .btn.btn-pill,
.play-course-launch-card.dark-mode .btn.btn-primary.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
.play-course-launch-card.dark-mode .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* SCORM course player — Exit / reload over fullscreen iframe (beat theme-components white btn + a) */
.collapse-frame.chromium-button--info,
button.chromium-button--info.collapse-frame {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #424242 !important;
    box-shadow: none !important;
}
.collapse-frame.chromium-button--info:hover,
button.chromium-button--info.collapse-frame:hover,
.collapse-frame.chromium-button--info:active,
button.chromium-button--info.collapse-frame:active,
.collapse-frame.chromium-button--info:focus,
button.chromium-button--info.collapse-frame:focus {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #424242 !important;
}
.collapse-frame .exit-btn,
.collapse-frame .exit-btn b,
.collapse-frame.chromium-button--info a,
.collapse-frame.chromium-button--info a b,
.collapse-frame.chromium-button--info a:hover,
.collapse-frame.chromium-button--info a:active,
.collapse-frame.chromium-button--info a:focus,
#courseExitBtn,
#courseExitBtn b {
    color: #000000 !important;
    text-decoration: none !important;
}
.reload-frame.chromium-button--info,
button.chromium-button--info.reload-frame,
#courseReloadBtn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #424242 !important;
    box-shadow: none !important;
}
.reload-frame.chromium-button--info:hover,
.reload-frame.chromium-button--info:active,
.reload-frame.chromium-button--info:focus,
button.chromium-button--info.reload-frame:hover,
button.chromium-button--info.reload-frame:active,
button.chromium-button--info.reload-frame:focus {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    color: #000000 !important;
    border-color: #424242 !important;
}
#courseReloadBtn b,
.reload-frame.chromium-button--info b,
button.chromium-button--info.reload-frame b {
    color: #000000 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* LP auto-redirect modal — Cancel was white-on-white via chromium-button--info */
#autoRedirectModal .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#autoRedirectModal .modal-content.dark-mode .dark-mode-light-text,
#autoRedirectModal .modal-content.dark-mode .poppins-blue,
#autoRedirectModal .modal-content.dark-mode p,
#autoRedirectModal .modal-content.dark-mode strong {
    color: #ffffff !important;
}
#autoRedirectModal .modal-content.dark-mode .chromium-button--info,
#autoRedirectModal .modal-content.dark-mode .chromium-button--info.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
#autoRedirectModal .modal-content.dark-mode .chromium-button--info:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}

/* Survey thank-you — #242424 panel (not black / not white glass card) */
.survey-thankyou-body.dark-mode,
.body.dark-mode.survey-thankyou-body {
    background: #242424 !important;
    background-color: #242424 !important;
    background-image: none !important;
    color: #ffffff !important;
    padding: 2rem !important;
}
.survey-thankyou-body .survey-card.dark-mode,
.survey-thankyou-body .card.survey-card.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.survey-thankyou-body .survey-card.dark-mode .kt-portlet,
.survey-thankyou-body .survey-card.dark-mode .kt-portlet__body,
.survey-thankyou-body .survey-card.dark-mode .kt-iconbox__title,
.survey-thankyou-body .survey-card.dark-mode .kt-iconbox__title a,
.survey-thankyou-body .survey-card.dark-mode .kt-iconbox__content,
.survey-thankyou-body .survey-card.dark-mode .dark-mode-light-text,
.survey-thankyou-body .survey-card.dark-mode .kt-link {
    background: transparent !important;
    color: #ffffff !important;
}
.survey-thankyou-body .survey-card.dark-mode .btn.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}
.survey-thankyou-body .survey-card.dark-mode .btn.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
/* Wave animate pseudo — replace Metronic #fff for Slate Noir */
.kt-iconbox--animate.dark-mode:after,
.survey-thankyou-body .kt-iconbox--animate:after,
.survey-thankyou-body .survey-card.dark-mode .kt-iconbox--animate:after {
    background: #242424 !important;
}

/*
  Assessment result screen (#result / .result-show-screen) — Slate Noir only.
  Scoped under .assessment-attempt-screen so other modules stay untouched.
*/
.assessment-attempt-screen .result-show-screen__row,
.assessment-attempt-screen #result .result-show-screen__row {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .result-show-screen__art {
    border-color: #424242 !important;
}
.assessment-attempt-screen .result-title,
.assessment-attempt-screen .result-subtitle,
.assessment-attempt-screen .answered-questions,
.assessment-attempt-screen .result-attempted,
.assessment-attempt-screen .result-time,
.assessment-attempt-screen .result-timespent,
.assessment-attempt-screen .result-status-card__label {
    color: #ffffff !important;
}
.assessment-attempt-screen .result-subtitle {
    color: #bfbfbf !important;
}
/* Submitted on / Total time taken tiles */
.assessment-attempt-screen .result-time-taken-box__inner {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
}
.assessment-attempt-screen .result-time-taken-box__heading,
.assessment-attempt-screen .result-time-taken-box__heading i,
.assessment-attempt-screen .result-time-taken-box__value {
    color: #ffffff !important;
}
/* Stat cards */
.assessment-attempt-screen .result-show-screen .result-container,
.assessment-attempt-screen .result-show-screen .kt-portlet.result-container,
.assessment-attempt-screen .result-show-screen .result-container .kt-portlet__body {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
/* Keep Pass/Fail banners tinted but readable */
.assessment-attempt-screen .result-container.result-status-card.result-status-card--fail {
    background: #3a1f1f !important;
    border-color: #ef4444 !important;
}
.assessment-attempt-screen .result-container.result-status-card.result-status-card--pass {
    background: #1f3a2a !important;
    border-color: #22c55e !important;
}
.assessment-attempt-screen .result-container.result-status-card.result-status-card--fail .result-status-card__value {
    color: #ef4444 !important;
}
.assessment-attempt-screen .result-container.result-status-card.result-status-card--pass .result-status-card__value {
    color: #22c55e !important;
}
.assessment-attempt-screen .result-container.result-status-card .result-status-card__label {
    color: #bfbfbf !important;
}
/* Icon badge squares → #424242 */
.assessment-attempt-screen .result-badge-img {
    background: #424242 !important;
    background-color: #424242 !important;
}
.assessment-attempt-screen .result-badge-img i,
.assessment-attempt-screen .result-badge-img img {
    color: #ffffff !important;
    filter: brightness(0) invert(1) !important;
}
.assessment-attempt-screen .result-badge-img i {
    filter: none !important;
}
/* Go back outline button */
.assessment-attempt-screen .result-btn-outline {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
}
.assessment-attempt-screen .result-btn-outline:hover {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}
.assessment-attempt-screen .result-btn-outline i {
    color: inherit !important;
}

/* Assessment result — Review Answers: white pill + black text (not brand blue) */
.assessment-attempt-screen .result-action-bar__review-link,
.assessment-attempt-screen .result-action-bar__review-link.btn-pill,
.assessment-attempt-screen #goReviewAnswersButton,
.assessment-attempt-screen a.result-action-bar__review-link.color-inherit {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}
.assessment-attempt-screen .result-action-bar__review-link:hover,
.assessment-attempt-screen .result-action-bar__review-link--equal:hover,
.assessment-attempt-screen a.result-action-bar__review-link.color-inherit:hover {
    color: #000000 !important;
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    opacity: 1 !important;
}
.assessment-attempt-screen .result-action-bar__review-link i,
.assessment-attempt-screen .result-action-bar__review-link .fas {
    color: #000000 !important;
}

/* Review Answer Details screen */
.assessment-review-screen .poppins-blue,
.assessment-review-screen .dark-mode-light-text {
    color: #ffffff !important;
}
.assessment-review-screen .review-back-btn.btn-pill,
.assessment-review-screen .review-button.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.assessment-review-screen .review-back-btn.btn-pill:hover,
.assessment-review-screen .review-button.btn-pill:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.assessment-review-screen .review-back-btn.btn-pill i {
    color: #000000 !important;
}
/* Search — override reviewStyle white .search-bar */
.assessment-review-screen .dark-mode-search-container .search-bar,
.assessment-review-screen .dark-mode-search-container input.search-bar,
.assessment-review-screen .dark-mode-search-container input[type="text"].search-bar,
.assessment-review-screen .dark-mode-search-container input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 2px solid #424242 !important;
    color: #ffffff !important;
    border-radius: 100px !important;
}
.assessment-review-screen .dark-mode-search-container .search-bar::placeholder,
.assessment-review-screen .dark-mode-search-container input::placeholder {
    color: #bfbfbf !important;
}
.assessment-review-screen .dark-mode-search-container i,
.assessment-review-screen .dark-mode-search-container .flaticon-search {
    color: #bfbfbf !important;
}
/* Status / section tabs — dark bar, readable inactive, white active pill */
.assessment-review-screen .review-navbar .review-status-nav {
    background: #242424 !important;
    border: 1px solid #424242 !important;
    gap: 0.5rem !important;
    padding: 0.25rem !important;
}
.assessment-review-screen .review-navbar .review-status-nav a,
.assessment-review-screen .section_navbar .review-status-nav a,
.assessment-review-screen .section_navbar a {
    color: #bfbfbf !important;
    background: transparent !important;
}
.assessment-review-screen .review-navbar .review-status-nav a:hover:not(.active),
.assessment-review-screen .section_navbar .review-status-nav a:hover:not(.active) {
    color: #ffffff !important;
}
.assessment-review-screen .review-navbar .review-status-nav a.active,
.assessment-review-screen .section_navbar .review-status-nav a.active,
.assessment-review-screen .section_navbar .nav-link.active,
.assessment-review-screen .section_navbar a.active {
    color: #000000 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
/* Remove hairline dividers — gap handles spacing */
.assessment-review-screen .review-navbar .review-status-nav a + a::before {
    display: none !important;
    content: none !important;
}
.assessment-review-screen .review-navbar .review-section-nav {
    border-bottom-color: #424242 !important;
}
.assessment-review-screen .review-navbar .review-section-nav a {
    color: #bfbfbf !important;
}
.assessment-review-screen .review-navbar .review-section-nav a.active {
    color: #000000 !important;
    background: #ffffff !important;
}
/* Type + Select Language toolbar — gap between pills */
.assessment-review-screen .btn-toolbar,
.assessment-review-screen #kt_subheader_group_actions .btn-toolbar {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}
.assessment-review-screen .btn-toolbar .dropdown {
    margin: 0 !important;
}
/* Select Language / Type triggers — black text on white pill */
.assessment-review-screen .chromium-button--dropdown,
.assessment-review-screen button.chromium-button--dropdown {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.assessment-review-screen .chromium-button--dropdown .statusButton_span,
.assessment-review-screen .statusButton_span,
.assessment-review-screen .chromium-button--dropdown.review-button .customSpanFilters_second {
    color: #000000 !important;
}
.assessment-review-screen .chromium-button--dropdown span::after {
    color: #000000 !important;
    border-top-color: #000000 !important;
}
/* Type dropdown — dark panel + light text */
.assessment-review-screen .dropdown-menu_filters,
.assessment-review-screen .dropdown-menu_filters .kt-nav {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    border-radius: 10px !important;
}
.assessment-review-screen .dropdown-menu_filters .kt-nav__link,
.assessment-review-screen .dropdown-menu_filters label,
.assessment-review-screen .dropdown-menu_filters .dark-mode-text-color,
.assessment-review-screen .dropdown-menu_filters .kt-nav__item {
    background: #242424 !important;
    color: #ffffff !important;
}
.assessment-review-screen .dropdown-menu_filters .kt-nav__item:hover,
.assessment-review-screen .dropdown-menu_filters .kt-nav__link:hover,
.assessment-review-screen .dropdown-menu_filters .kt-nav__item:hover label,
.assessment-review-screen .dropdown-menu_filters .kt-nav__item:hover .dark-mode-text-color {
    background: #424242 !important;
    color: #ffffff !important;
}
.assessment-review-screen .dropdown-menu_filters .kt-checkbox > span {
    border-color: #bfbfbf !important;
    background-color: transparent !important;
}
.assessment-review-screen .dropdown-menu_filters .kt-checkbox > input:checked ~ span {
    border-color: #ffffff !important;
    background-color: transparent !important;
}
.assessment-review-screen .dropdown-menu_filters .kt-checkbox > input:checked ~ span:after {
    border-color: #ffffff !important;
}
/*
  Select Language menu uses .dropdown-menu.paddingUnset (not .dropdown-menu_filters).
  Force readable black text on white panel.
*/
.assessment-review-screen .btn-toolbar .dropdown-menu,
.assessment-review-screen .btn-toolbar .dropdown-menu.paddingUnset,
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav__item,
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav__link,
.assessment-review-screen .btn-toolbar .dropdown-menu label,
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-checkbox,
.assessment-review-screen .btn-toolbar .dropdown-menu .dark-mode-text-color {
    background: transparent !important;
    color: #000000 !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav__item:hover,
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav__item:hover label,
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-nav__link:hover {
    background: #bfbfbf !important;
    color: #000000 !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-checkbox > span {
    border-color: #666666 !important;
    background-color: transparent !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-checkbox > input:checked ~ span {
    border-color: #000000 !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu .kt-checkbox > input:checked ~ span:after {
    border-color: #000000 !important;
}
/* Type menu (.dropdown-menu_filters) stays dark */
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters,
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-nav {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-nav__item,
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-nav__link,
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters label,
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .dark-mode-text-color {
    background: #242424 !important;
    color: #ffffff !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-nav__item:hover,
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-nav__item:hover label {
    background: #424242 !important;
    color: #ffffff !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-checkbox > span {
    border-color: #bfbfbf !important;
}
.assessment-review-screen .btn-toolbar .dropdown-menu.dropdown-menu_filters .kt-checkbox > input:checked ~ span:after {
    border-color: #ffffff !important;
}
/* FITB Marked / Correct Answer fields */
.assessment-review-screen .question-answer-container.dark-mode .form-control_FITB.dark-mode,
.assessment-review-screen .question-answer-container.dark-mode textarea.form-control.dark-mode,
.assessment-review-screen .question-answer-container.dark-mode .form-control.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.assessment-review-screen .question-answer-container.dark-mode .form-control_FITB.dark-mode::placeholder,
.assessment-review-screen .question-answer-container.dark-mode textarea.form-control.dark-mode::placeholder {
    color: #bfbfbf !important;
}
.assessment-review-screen .question-answer-container.dark-mode .fontSize20,
.assessment-review-screen .question-answer-container.dark-mode .greenParaFITB,
.assessment-review-screen .question-answer-container.dark-mode .redParaFITB {
    color: #ffffff !important;
}
.assessment-review-screen .question-answer-container.dark-mode .greenParaFITB {
    color: #03c162 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .redParaFITB {
    color: #f37676 !important;
}
/* Unify table bg — vertical border-spacing was showing #424242 stripes under rows */
.assessment-review-screen .tableReviewGrid.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border-spacing: 0 !important;
    -webkit-border-vertical-spacing: 0 !important;
    border-collapse: separate !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode tbody {
    background: #242424 !important;
    background-color: #242424 !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .tableReviewGrid_thead.dark-mode,
.assessment-review-screen .tableReviewGrid.dark-mode .tableReviewGrid_thead.dark-mode th {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode,
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode td,
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode .poppins-dt,
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode .poppins-mt,
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode .poppins-blue {
    background: #242424 !important;
    background-color: #242424 !important;
    color: #ffffff !important;
    border-color: #424242 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .cr-row.dark-mode:last-child td {
    border-bottom: none !important;
}
.assessment-review-screen .question-answer-container.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.assessment-review-screen .question-answer-container.dark-mode p,
.assessment-review-screen .question-answer-container.dark-mode .poppins-dt,
.assessment-review-screen .question-answer-container.dark-mode .poppins-black,
.assessment-review-screen .question-answer-container.dark-mode .question-text,
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-option__text,
.assessment-review-screen .question-answer-container.dark-mode .kt-option__label,
.assessment-review-screen .question-answer-container.dark-mode .kt-option__title {
    color: #ffffff !important;
}
/* Q No. badges — white pill + black text (existing dark-mode-bg-white / dark-mode-dark-text) */
.assessment-review-screen .question-info-container_child_p.dark-mode-bg-white.dark-mode-dark-text,
.assessment-review-screen .question-answer-container.dark-mode .question-info-container_child_p.dark-mode-bg-white,
.assessment-review-screen .question-answer-container.dark-mode p.question-info-container_child_p.dark-mode-bg-white {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 4px !important;
}
/* Descriptive answer — dark CKEditor */
.assessment-review-screen .question-answer-container.dark-mode .cke,
.assessment-review-screen .question-answer-container.dark-mode .cke_chrome,
.assessment-review-screen .question-answer-container.dark-mode .ng-ckeditor .cke {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cke_inner,
.assessment-review-screen .question-answer-container.dark-mode .cke_top,
.assessment-review-screen .question-answer-container.dark-mode .cke_bottom,
.assessment-review-screen .question-answer-container.dark-mode .cke_toolbox,
.assessment-review-screen .question-answer-container.dark-mode .cke_toolbar,
.assessment-review-screen .question-answer-container.dark-mode .cke_toolgroup,
.assessment-review-screen .question-answer-container.dark-mode .cke_combo_button {
    background: #242424 !important;
    background-color: #242424 !important;
    background-image: none !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cke_contents {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cke_contents iframe {
    background: #242424 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cke_wysiwyg_frame,
.assessment-review-screen .question-answer-container.dark-mode .cke_wysiwyg_div {
    background-color: #242424 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cke_button_icon,
.assessment-review-screen .question-answer-container.dark-mode .cke_button_arrow,
.assessment-review-screen .question-answer-container.dark-mode .cke_combo_arrow,
.assessment-review-screen .question-answer-container.dark-mode .cke_combo_text,
.assessment-review-screen .question-answer-container.dark-mode .cke_button_label {
    filter: invert(1) brightness(1.1);
}
.assessment-review-screen .question-answer-container.dark-mode .cke_button:hover,
.assessment-review-screen .question-answer-container.dark-mode .cke_button:focus,
.assessment-review-screen .question-answer-container.dark-mode .cke_button:active,
.assessment-review-screen .question-answer-container.dark-mode .cke_button_on,
.assessment-review-screen .question-answer-container.dark-mode a.cke_button_off:hover,
.assessment-review-screen .question-answer-container.dark-mode a.cke_button_off:focus,
.assessment-review-screen .question-answer-container.dark-mode a.cke_button_off:active {
    background: #424242 !important;
    background-color: #424242 !important;
    border-color: #424242 !important;
    box-shadow: none !important;
}
.assessment-review-screen .question-answer-container.dark-mode .form-control,
.assessment-review-screen .question-answer-container.dark-mode input.form-control,
.assessment-review-screen .question-answer-container.dark-mode .descriptive-answer-review.dark-mode,
.assessment-review-screen .question-answer-container.dark-mode .form-control_FITB.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    min-height: 120px;
    height: auto !important;
    white-space: normal;
    overflow-wrap: anywhere;
}
.assessment-review-screen .question-answer-container.dark-mode h6 {
    color: #ffffff !important;
}
/* Match the Following — dark option pills (fix white-on-white) */
.assessment-review-screen .question-answer-container.dark-mode .chromium-box.dark-mode,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box--drag,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box-answer,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box-media,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box_custom,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box_custom_second,
.assessment-review-screen .question-answer-container.dark-mode .mtf-qa-text {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.assessment-review-screen .question-answer-container.dark-mode .chromium-box span,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box .poppins-dt,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box .poppins-md--14,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box .poppins-sb--14,
.assessment-review-screen .question-answer-container.dark-mode .chromium-box .dark-mode-light-text,
.assessment-review-screen .question-answer-container.dark-mode .mtf-qa-text span,
.assessment-review-screen .question-answer-container.dark-mode .mtf-qa-text .poppins-dt {
    color: #ffffff !important;
}
.assessment-review-screen .question-answer-container.dark-mode .mtf-header .dark-mode-light-text,
.assessment-review-screen .question-answer-container.dark-mode .mtf-mobile-header {
    background: transparent !important;
    border: none !important;
    color: #bfbfbf !important;
}
.assessment-review-screen .question-answer-container.dark-mode .customButtonMatch,
.assessment-review-screen .question-answer-container.dark-mode .customButtonMatch i {
    color: #ffffff !important;
    border-color: #424242 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cr-success,
.assessment-review-screen .question-answer-container.dark-mode .cr-success_font {
    color: #03c162 !important;
    background: #e5f9ef !important;
}
.assessment-review-screen .question-answer-container.dark-mode .cr-fail,
.assessment-review-screen .question-answer-container.dark-mode .cr-fail_font {
    color: #f37676 !important;
    background: #fdf1f1 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-option,
.assessment-review-screen .question-answer-container.dark-mode .kt-option {
    background: #242424 !important;
    border: 1px solid #424242 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-option.chromium_mcq--right,
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-media-card.chromium_mcq--right {
    border-color: #03c162 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-option.chromium_mcq--wrong,
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-media-card.chromium_mcq--wrong {
    border-color: #b71c1c !important;
}
/* Keep Incorrect / Correct / Pending status + CORRECT CHOICE badge colors */
.assessment-review-screen .question-answer-container.dark-mode .review-answer-status--incorrect {
    color: #b71c1c !important;
    background: #fdecea !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-answer-status--correct {
    color: #03c162 !important;
    background: #ddffda !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-answer-status--pending {
    color: #b45309 !important;
    background: #fff7ed !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-answer-status__icon--incorrect {
    color: #ffffff !important;
    background-color: #b71c1c !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-answer-status__icon--correct {
    color: #ffffff !important;
    background-color: #03c162 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-correct-choice-badge {
    color: #ffffff !important;
    background: #03c162 !important;
}
.assessment-review-screen .question-answer-container.dark-mode .review-mcq-option-letter--neutral {
    color: #ffffff !important;
    background: #242424 !important;
    border-color: #bfbfbf !important;
}
.assessment-review-screen .question-info-container .poppins-blue,
.assessment-review-screen .question-info-container .total-marks {
    color: #ffffff !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .cr-fail {
    color: #f37676 !important;
    background: #fdf1f1 !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .cr-success {
    color: #03c162 !important;
    background: #e5f9ef !important;
}
.assessment-review-screen .tableReviewGrid.dark-mode .poppins-red {
    color: #f37676 !important;
}

/* Learning Paths report — Options menu + confirm modals */
.lp-card-dropdown .flaticon-more-1,
.lp-card-dropdown .flaticon-more-1:before {
    color: #ffffff !important;
}
.lp-card-dropdown .dropdown-menu.dark-mode,
.lp-card-dropdown .dropdown-menu .kt-nav.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav__head,
.lp-card-dropdown .dropdown-menu .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .dark-mode-light-text {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > a.kt-nav__link {
    background: #424242 !important;
    background-color: #424242 !important;
    color: #ffffff !important;
}
/* Beat global .dropdown-menu hover black text (higher specificity :not() rules) */
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .dark-mode-light-text,
.lp-card-dropdown .dropdown-menu .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link.dark-mode-light-text,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover i,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link:hover span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-text,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .kt-nav__link-icon,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link i,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link span,
.lp-card-dropdown .dropdown-menu .kt-nav__item:hover > .kt-nav__link .dark-mode-light-text {
    color: #ffffff !important;
}
.lp-card-dropdown .dropdown-menu .kt-nav__separator {
    border-color: #424242 !important;
}
#deleteModal .modal-content.dark-mode,
#deleteModal2 .modal-content.dark-mode,
#cloneModal .modal-content.dark-mode,
#notificationRepeatModal .modal-content.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#deleteModal .modal-content.dark-mode .dark-mode-light-text,
#deleteModal .modal-content.dark-mode .modal-body,
#deleteModal .modal-content.dark-mode .modal-header,
#deleteModal .modal-content.dark-mode .modal-footer,
#deleteModal2 .modal-content.dark-mode .dark-mode-light-text,
#deleteModal2 .modal-content.dark-mode .modal-body,
#deleteModal2 .modal-content.dark-mode .modal-header,
#deleteModal2 .modal-content.dark-mode .modal-footer,
#cloneModal .modal-content.dark-mode .dark-mode-light-text,
#cloneModal .modal-content.dark-mode .modal-body,
#cloneModal .modal-content.dark-mode label,
#cloneModal .modal-content.dark-mode .kt-radio,
#notificationRepeatModal .modal-content.dark-mode .dark-mode-light-text,
#notificationRepeatModal .modal-content.dark-mode .modal-body {
    color: #ffffff !important;
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
#deleteModal .modal-content.dark-mode .action-button,
#deleteModal .modal-content.dark-mode .action-button.btn-pill,
#deleteModal .modal-content.dark-mode .btn.btn-danger.btn-pill,
#deleteModal .modal-content.dark-mode .btn.btn-pill.dark-mode-bg-white,
#deleteModal2 .modal-content.dark-mode .action-button,
#deleteModal2 .modal-content.dark-mode .action-button.btn-pill,
#cloneModal .modal-content.dark-mode .action-button,
#cloneModal .modal-content.dark-mode .action-button.btn-pill,
#notificationRepeatModal .modal-content.dark-mode .action-button,
#notificationRepeatModal .modal-content.dark-mode .action-button.btn-pill {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    border-radius: 999px !important;
}
#deleteModal .modal-content.dark-mode .action-button:hover,
#deleteModal .modal-content.dark-mode .btn.btn-danger.btn-pill:hover,
#deleteModal2 .modal-content.dark-mode .action-button:hover,
#cloneModal .modal-content.dark-mode .action-button:hover,
#notificationRepeatModal .modal-content.dark-mode .action-button:hover {
    background: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
#deleteModal .modal-content.dark-mode .cancel-button,
#deleteModal .modal-content.dark-mode .btn.btn-pill.dark-mode-light-text,
#deleteModal2 .modal-content.dark-mode .cancel-button,
#cloneModal .modal-content.dark-mode .modal-footer__span,
#notificationRepeatModal .modal-content.dark-mode .modal-footer__span {
    color: #bfbfbf !important;
    background: transparent !important;
    border: none !important;
}
#deleteModal .modal-content.dark-mode .poppins-black.dark-mode-light-text,
#deleteModal2 .modal-content.dark-mode .poppins-black.dark-mode-light-text {
    color: #ffffff !important;
}
#deleteModal .modal-content.dark-mode .btn.btn-danger.btn-pill.dark-mode-bg-white.dark-mode-dark-text,
#deleteModal2 .modal-content.dark-mode .action-button.dark-mode-bg-white.dark-mode-dark-text {
    color: #000000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}
#cloneModal .modal-content.dark-mode .form-control.dark-mode,
#cloneModal .modal-content.dark-mode input.dark-mode {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
#cloneModal .modal-content.dark-mode .kt-radio > span {
    border-color: #bfbfbf !important;
}

/* Scenario Review — beat theme-components h3/button + light scenarioReviewStyle.css */
.scenario-review-page {
    --sr-bg: #0a0a0a;
    --sr-text: #ffffff;
    --sr-text-muted: #bfbfbf;
    --sr-text-light: #bfbfbf;
    --sr-border: #424242;
    --sr-primary-light: #1a2a42;
    --sr-primary-border: #3e78dc;
    --sr-shadow: none;
    --sr-success-bg: rgba(3, 193, 98, 0.18);
    --sr-warning-bg: rgba(232, 163, 23, 0.22);
    background: #0a0a0a !important;
}
.scenario-review-page.dark-mode {
    border: none !important;
}
.scenario-review-page button.dark-mode-bg-white.dark-mode-dark-text,
.scenario-review-page .btn-pill.dark-mode-bg-white.dark-mode-dark-text {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
}
.scenario-review-page button.dark-mode-bg-white.dark-mode-dark-text:hover,
.scenario-review-page .btn-pill.dark-mode-bg-white.dark-mode-dark-text:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.scenario-review-page .alert.dark-mode.sr-alert-box {
    background: #3d2a1f !important;
    border-color: #fc5100 !important;
}
.scenario-review-page .alert.dark-mode.sr-alert-box .dark-mode-light-text {
    color: #ffb899 !important;
}
.scenario-review-page .alert.dark-mode.sr-alert-box .dark-mode-light-text strong {
    color: #ff8a50 !important;
}
.scenario-review-page .sr-summary-card.dark-mode {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.scenario-review-page .sr-header-card,
.scenario-review-page .sr-card,
.scenario-review-page .sr-panel-card,
.scenario-review-page .sr-nav-controls,
.scenario-review-page .mobile-review-controls-navigation {
    background: #242424 !important;
    background-color: #242424 !important;
    border: 1px solid #424242 !important;
    box-shadow: none !important;
}
.scenario-review-page .sr-header-card__title,
.scenario-review-page .sr-header-card__subtitle,
.scenario-review-page .sr-header-card__score-label,
.scenario-review-page .sr-header-card__score-total,
.scenario-review-page .sr-card__content,
.scenario-review-page .sr-card__label--muted,
.scenario-review-page .sr-guidelines-title,
.scenario-review-page .sr-guideline__title,
.scenario-review-page .sr-guideline__reason-text,
.scenario-review-page .sr-ai-status p,
.scenario-review-page .sr-fallback-markdown,
.scenario-review-page .sr-eval-slider h2,
.scenario-review-page .sr-pending-message p,
.scenario-review-page .sr-summary-card__text,
.scenario-review-page .sr-video-loading p {
    color: #bfbfbf !important;
}
.scenario-review-page .sr-header-card__score-obtained {
    color: #ffffff !important;
}
.scenario-review-page .sr-header-card__score-total {
    color: #bfbfbf !important;
}
.scenario-review-page .mobile-review-controls-navigation button.left-nav,
.scenario-review-page .mobile-review-controls-navigation .left-nav {
    background: #1a2a42 !important;
    background-color: #1a2a42 !important;
    border: none !important;
    color: #5b9aff !important;
}
.scenario-review-page .mobile-review-controls-navigation button.left-nav i,
.scenario-review-page .mobile-review-controls-navigation .left-nav i {
    color: #5b9aff !important;
}
.scenario-review-page .mobile-review-controls-navigation button.right-nav,
.scenario-review-page .mobile-review-controls-navigation .right-nav {
    background: #3e78dc !important;
    background-color: #3e78dc !important;
    border: none !important;
    color: #ffffff !important;
}
.scenario-review-page .mobile-review-controls-navigation button.right-nav i,
.scenario-review-page .mobile-review-controls-navigation .right-nav i {
    color: #ffffff !important;
}
.scenario-review-page .sr-badge--attempt {
    background: #424242 !important;
    color: #bfbfbf !important;
}
.scenario-review-page .sr-badge--attempt strong {
    color: #ffffff !important;
}
.scenario-review-page .sr-badge--pending {
    background: rgba(232, 163, 23, 0.25) !important;
    color: #ffc857 !important;
}
.scenario-review-page .sr-badge--evaluated {
    background: rgba(3, 193, 98, 0.18) !important;
    color: #4ade80 !important;
}
.scenario-review-page .sr-card__label,
.scenario-review-page .sr-card__label--question,
.scenario-review-page .sr-pending-message h2,
.scenario-review-page .sr-eval-panel__title,
.scenario-review-page .sr-summary-card__title {
    color: #5b9aff !important;
}
.scenario-review-page .sr-card__label--question {
    background: #1a2a42 !important;
}
.scenario-review-page .sr-btn--exit,
.scenario-review-page .sr-pending-all button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
    border-radius: 999px !important;
}
.scenario-review-page .sr-btn--exit:hover,
.scenario-review-page .sr-pending-all button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.scenario-review-page .sr-alert-box {
    background: #3d2a1f !important;
    border-color: #fc5100 !important;
}
.scenario-review-page .sr-alert-box h3 {
    color: #ff8a50 !important;
}
.scenario-review-page .sr-alert-box p {
    color: #ffb899 !important;
}
.scenario-review-page .sr-guideline,
.scenario-review-page .sr-guideline__header {
    background: #242424 !important;
    background-color: #242424 !important;
    border-color: #424242 !important;
}
.scenario-review-page .sr-guideline--expanded {
    border-color: #3e78dc !important;
}
.scenario-review-page .sr-guideline__reason-box {
    background: #1a1a1a !important;
    border-color: #424242 !important;
}
.scenario-review-page .sr-guideline__reason-label {
    color: #bfbfbf !important;
}
.scenario-review-page .sr-summary-card__inner {
    background: #1a2a42 !important;
    border-color: #3e78dc !important;
}
.scenario-review-page .sr-summary-card__icon,
.scenario-review-page .sr-summary-card__title {
    color: #5b9aff !important;
}
.scenario-review-page .sr-video-loading {
    background: #1a1a1a !important;
}
.scenario-review-page .sr-nav-controls button.left-nav,
.scenario-review-page .sr-nav-controls button.right-nav,
.scenario-review-page .sr-nav-controls .left-nav i,
.scenario-review-page .sr-nav-controls .right-nav i {
    border: none !important;
}
.scenario-review-page .sr-nav-controls button.left-nav,
.scenario-review-page .sr-nav-controls .left-nav {
    background: #1a2a42 !important;
    background-color: #1a2a42 !important;
    color: #5b9aff !important;
}
.scenario-review-page .sr-nav-controls button.left-nav i,
.scenario-review-page .sr-nav-controls .left-nav i {
    color: #5b9aff !important;
}
.scenario-review-page .sr-nav-controls button.right-nav,
.scenario-review-page .sr-nav-controls .right-nav {
    background: #3e78dc !important;
    background-color: #3e78dc !important;
    color: #ffffff !important;
}
.scenario-review-page .sr-nav-controls button.right-nav i,
.scenario-review-page .sr-nav-controls .right-nav i {
    color: #ffffff !important;
}
.scenario-review-page .sr-annotation-controls button,
.scenario-review-page .sr-eval-panel textarea {
    background: #3e78dc !important;
    background-color: #3e78dc !important;
    border-color: #3e78dc !important;
    color: #ffffff !important;
}
.scenario-review-page .sr-annotation-controls button.delete {
    background: #d32f2f !important;
    background-color: #d32f2f !important;
    border-color: #d32f2f !important;
    color: #ffffff !important;
}
.scenario-review-page .sr-eval-panel textarea {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid #424242 !important;
    color: #ffffff !important;
}
.scenario-review-page .sr-eval-panel textarea::placeholder {
    color: #666666 !important;
}
.scenario-review-page .sr-header-card__info {
    background: #3e78dc !important;
    background-color: #3e78dc !important;
    color: #ffffff !important;
    border-color: #3e78dc !important;
}
.scenario-review-page .sr-total-score__label {
    color: #bfbfbf !important;
}
.scenario-review-page .sr-total-score__value {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border-color: #424242 !important;
    color: #bfbfbf !important;
}
.scenario-review-page .sr-total-score__value b {
    color: #ffffff !important;
}
.scenario-review-page .sr-eval-submit button {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
    color: #000000 !important;
    border-radius: 999px !important;
}
.scenario-review-page .sr-eval-submit button:hover {
    background: #bfbfbf !important;
    background-color: #bfbfbf !important;
    border-color: #bfbfbf !important;
    color: #000000 !important;
}
.scenario-review-page .cr-fail {
    background: rgba(243, 118, 118, 0.18) !important;
    color: #f37676 !important;
}