:root {
    --primary-color: #0A2C51;
    --text-light: #ffffff;
    --shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.disabled-style {
    background-color: #e9ecef;
    cursor: not-allowed;
    color: #6c757d;
    border-color: #ced4da;
}

.custom-card {
    border-color: #0A2C51 !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.custom-card .card-header {
    background-color: #0A2C51 !important;
}

.custom-card .card-title {
    color: white !important;
}

.alert-info {
    --bs-alert-color: #000000 !important;
    --bs-alert-bg: #0a2c5121 !important;
    --bs-alert-border-color: #fdffff !important;
    --bs-alert-link-color: #ffffff !important;
}

#chatbot-iframe {
    position: fixed;
    top: 75px;
    right: 25px;
    width: 380px;
    height: calc(100vh - 100px);
    max-height: 700px;
    background: white;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    z-index: 10000;
    transition: all 0.3s ease;
}

.chatbot-hidden {
    opacity: 0 !important;
    transform: translateY(-20px) !important;
    pointer-events: none;
}

.sidebar-scroll-restoring .sidebar-wrapper {
    opacity: 0;
    pointer-events: none;
}

.navbar-badge-pulse {
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(220, 53, 69, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

.notification-item {
    transition: background-color 0.2s ease;
}

.notification-item:hover {
    background-color: #f8f9fa;
}

.icon-box {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.user-header-gradient {
    background: linear-gradient(135deg, #153f6c 0%, #0a2c51 100%);
}

.sidebar-collapse .sidebar-search-container {
    display: none !important;
}

#menuSearch:focus {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #6c757d !important;
}

.sidebar-search-container .input-group-text {
    border-right: none;
}

#menuSearch {
    border-left: none;
}

.sidebar-expand-lg.sidebar-open .app-sidebar {
    z-index: 1038 !important;
}

.sidebar-expand-lg.sidebar-open .sidebar-overlay {
    z-index: 1036 !important;
}

.sidebar-keep-open .sidebar-overlay {
    pointer-events: none;
}

.sidebar-keep-open.sidebar-expand-lg .app-sidebar {
    margin-left: 0 !important;
}

.app-sidebar {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    overflow: hidden !important;
}

.sidebar-brand,
.sidebar-search-container {
    flex-shrink: 0 !important;
}

.sidebar-wrapper {
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    overflow-y: auto;
    min-height: 0;
    background-color: transparent !important;
}

.widget-menu {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #fff;
    height: 100%;
}

.widget-menu:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08) !important;
    border-color: transparent;
}

.widget-icon-box {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.widget-title {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    font-weight: 600;
    margin-bottom: 2px;
}

.widget-count {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.2;
}
.navbar-min-height {
    min-height: 70px;
}

.navbar-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
}

.nav-action-link {
    min-width: 42px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.nav-action-link:hover,
.nav-action-link:focus {
    background-color: rgba(15, 23, 42, 0.06);
}

.fullscreen-icon-minimize {
    display: none;
}

.app-sidebar-theme {
    background-color: #0A2C51;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.sidebar-brand-theme {
    background-color: #0A2C51;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 1rem;
}

.brand-image-fade {
    opacity: 0.8;
}

.sidebar-group-label {
    cursor: default;
    pointer-events: none;
    opacity: 0.9;
}

.sidebar-group-dot {
    height: 10px;
    width: 10px;
    background-color: #dc3545;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
}

.sidebar-group-text {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 1px;
    color: #ffffff;
}

.nav-notifications-menu {
    width: 380px;
    max-width: min(380px, calc(100vw - 1.5rem));
    max-height: 80vh;
    overflow: hidden;
}

.nav-notifications-body {
    max-height: min(55vh, 400px);
    overflow-y: auto;
}

.nav-notifications-menu .btn {
    white-space: normal;
}

.chatbot-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
}

.nav-avatar-img {
    object-fit: cover;
}

.nav-avatar-sm {
    width: 35px;
    height: 35px;
}

.nav-avatar-lg {
    width: 50px;
    height: 50px;
}

.nav-avatar-fallback {
    display: none;
    align-items: center;
    justify-content: center;
}

.nav-user-name {
    font-size: 0.85rem;
}

.nav-user-meta {
    font-size: 0.7rem;
}

.nav-user-badge {
    font-size: 0.65rem;
}

.nav-user-title {
    max-width: 200px;
    display: inline-block;
}

.nav-user-dropdown {
    min-width: 320px;
    width: min(320px, calc(100vw - 1.5rem));
    max-width: calc(100vw - 1.5rem);
}

.nav-user-trigger {
    min-height: 44px;
}

.nav-user-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    font-weight: 700;
}

.nav-user-value {
    font-size: 0.8rem;
}

.nav-user-desc {
    font-size: 0.75rem;
}

#theme-toggle-btn {
    border-radius: 999px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#theme-toggle-btn:hover {
    background-color: rgba(15, 23, 42, 0.06);
}

@media (max-width: 767.98px) {
    .navbar-min-height {
        min-height: 64px;
    }

    .app-header .container-fluid {
        gap: 0.5rem;
    }

    .navbar-actions {
        gap: 0.25rem;
    }

    .navbar-actions .nav-item {
        flex-shrink: 0;
    }

    .nav-action-link {
        min-width: 38px;
        min-height: 38px;
        padding: 0.375rem !important;
    }

    .nav-notification-dropdown {
        position: static;
    }

    .nav-notification-dropdown .nav-notifications-menu {
        position: fixed;
        inset: calc(env(safe-area-inset-top, 0px) + 4.5rem) 0.75rem auto 0.75rem !important;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 5.5rem);
        margin: 0 !important;
        transform: none !important;
    }

    .nav-notification-dropdown .nav-notifications-body {
        max-height: calc(100vh - 13rem);
    }

    .notification-item .flex-grow-1 {
        min-width: 0;
    }

    .notification-item .btn {
        width: 100%;
    }

    .nav-user-menu {
        margin-left: 0.25rem !important;
    }

    .nav-user-trigger {
        padding-right: 0.5rem !important;
    }

    .nav-user-trigger::after {
        display: none;
    }

    .nav-user-dropdown {
        min-width: unset;
        width: min(320px, calc(100vw - 1rem));
        max-width: calc(100vw - 1rem);
    }

    .nav-fullscreen-item {
        display: none;
    }

    #chatbot-iframe {
        top: calc(env(safe-area-inset-top, 0px) + 4.5rem);
        right: 0.75rem;
        width: calc(100vw - 1.5rem);
        height: calc(100vh - 5.5rem);
        max-height: none;
    }
}

html.theme-dark {
    --csa-dark-bg: #0f172a;
    --csa-dark-surface: #111827;
    --csa-dark-surface-soft: #1f2937;
    --csa-dark-border: #334155;
    --csa-dark-text: #e5e7eb;
    --csa-dark-muted: #94a3b8;
    --csa-dark-sidebar: #0b1526;
    --csa-dark-sidebar-hover: #13233a;
    --text-dark: #e5e7eb;
    --text-black: #e5e7eb;
    --card-bg: #111827;
    --surface: #111827;
    --surface-soft: #1f2937;
}

html.theme-dark body {
    background-color: var(--csa-dark-bg) !important;
    color: var(--csa-dark-text);
}

html.theme-dark .bg-body-tertiary {
    background-color: var(--csa-dark-bg) !important;
}

html.theme-dark .app-header.navbar {
    background-color: var(--csa-dark-surface) !important;
    border-bottom: 1px solid var(--csa-dark-border);
}

html.theme-dark .app-header .text-secondary {
    color: #cbd5e1 !important;
}

html.theme-dark #theme-toggle-btn:hover {
    background-color: rgba(148, 163, 184, 0.2);
}

html.theme-dark .app-main,
html.theme-dark .app-content {
    color: var(--csa-dark-text);
}

html.theme-dark .card,
html.theme-dark .modal-content,
html.theme-dark .dropdown-menu,
html.theme-dark .list-group-item,
html.theme-dark .bg-white {
    background-color: var(--csa-dark-surface) !important;
    color: var(--csa-dark-text);
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .bg-light,
html.theme-dark .bg-body-tertiary {
    background-color: var(--csa-dark-surface-soft) !important;
}

html.theme-dark .card-header,
html.theme-dark .card-footer,
html.theme-dark .modal-header,
html.theme-dark .modal-footer,
html.theme-dark .dropdown-header {
    background-color: #1f2937 !important;
    color: var(--csa-dark-text) !important;
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .app-content-header,
html.theme-dark .app-content-header .container-fluid,
html.theme-dark .app-content-header .row,
html.theme-dark .app-content-header .col-sm-6 {
    background-color: transparent !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .dropdown-item {
    color: var(--csa-dark-text);
}

html.theme-dark .dropdown-item:hover,
html.theme-dark .dropdown-item:focus {
    background-color: #243244;
    color: #ffffff;
}

html.theme-dark .dropdown-item.active,
html.theme-dark .dropdown-item:active {
    background-color: #1d4ed8;
    color: #ffffff;
}

html.theme-dark .dropdown-divider,
html.theme-dark hr {
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .text-dark {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .text-muted {
    color: var(--csa-dark-muted) !important;
}

html.theme-dark .text-secondary,
html.theme-dark .text-body-secondary,
html.theme-dark .text-black-50 {
    color: #b8c2d3 !important;
}

html.theme-dark .text-body,
html.theme-dark .text-black {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .bg-warning.text-dark,
html.theme-dark .bg-warning-subtle.text-dark {
    color: #1f2937 !important;
}

html.theme-dark .table {
    --bs-table-bg: transparent;
    --bs-table-color: var(--csa-dark-text);
    --bs-table-border-color: var(--csa-dark-border);
    --bs-table-striped-bg: rgba(148, 163, 184, 0.08);
    --bs-table-striped-color: var(--csa-dark-text);
    --bs-table-hover-bg: rgba(148, 163, 184, 0.12);
    --bs-table-hover-color: #ffffff;
}

html.theme-dark .table-light {
    --bs-table-bg: #1f2937;
    --bs-table-color: var(--csa-dark-text);
    --bs-table-border-color: var(--csa-dark-border);
}

html.theme-dark .form-control,
html.theme-dark .form-select,
html.theme-dark .input-group-text {
    background-color: var(--csa-dark-surface);
    border-color: var(--csa-dark-border);
    color: var(--csa-dark-text);
}

html.theme-dark .form-control::placeholder {
    color: var(--csa-dark-muted);
}

html.theme-dark .form-control:disabled,
html.theme-dark .form-control[readonly],
html.theme-dark .form-select:disabled {
    background-color: #0b1220;
    color: #cbd5e1;
}

html.theme-dark .form-control:focus,
html.theme-dark .form-select:focus {
    background-color: var(--csa-dark-surface);
    color: var(--csa-dark-text);
    border-color: #60a5fa;
    box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
}

html.theme-dark select option,
html.theme-dark .form-select option {
    background-color: var(--csa-dark-surface);
    color: var(--csa-dark-text);
}

html.theme-dark .select2-container--default .select2-selection--single,
html.theme-dark .select2-container--default .select2-selection--multiple,
html.theme-dark .select2-container--bootstrap-5 .select2-selection {
    background-color: var(--csa-dark-surface) !important;
    border-color: var(--csa-dark-border) !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
html.theme-dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
html.theme-dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #cbd5e1 transparent transparent transparent;
}

html.theme-dark .select2-container--default .select2-selection--single .select2-selection__clear {
    color: #94a3b8;
}

html.theme-dark .select2-dropdown {
    background-color: var(--csa-dark-surface) !important;
    border-color: var(--csa-dark-border) !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .select2-search--dropdown .select2-search__field {
    background-color: #0b1220;
    border-color: var(--csa-dark-border);
    color: var(--csa-dark-text);
}

html.theme-dark .select2-container--default .select2-results__option {
    color: var(--csa-dark-text);
    background-color: transparent;
}

html.theme-dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #334155;
    color: #f8fafc;
}

html.theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1d4ed8;
    color: #ffffff;
}

html.theme-dark .choices__inner,
html.theme-dark .choices__input {
    background-color: var(--csa-dark-surface) !important;
    border-color: var(--csa-dark-border) !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .choices__list--single .choices__item {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .choices__placeholder {
    color: var(--csa-dark-muted) !important;
    opacity: 0.9;
}

html.theme-dark .choices__list--dropdown,
html.theme-dark .choices__list[aria-expanded] {
    background-color: var(--csa-dark-surface) !important;
    border-color: var(--csa-dark-border) !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .choices__list--dropdown .choices__item,
html.theme-dark .choices__list[aria-expanded] .choices__item {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .choices__list--dropdown .choices__item--selectable.is-highlighted,
html.theme-dark .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
}

html.theme-dark .choices[data-type*=select-one]::after {
    border-color: #cbd5e1 transparent transparent transparent;
}

html.theme-dark .choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #cbd5e1 transparent;
}

html.theme-dark .dataTables_wrapper .dataTables_filter input,
html.theme-dark .dataTables_wrapper .dataTables_length select {
    background-color: var(--csa-dark-surface);
    color: var(--csa-dark-text);
    border-color: var(--csa-dark-border);
}

html.theme-dark .pagination .page-link {
    background-color: var(--csa-dark-surface);
    border-color: var(--csa-dark-border);
    color: var(--csa-dark-text);
}

html.theme-dark .pagination .page-item.active .page-link {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}

html.theme-dark .btn-outline-dark {
    color: #cbd5e1;
    border-color: #64748b;
}

html.theme-dark .btn-outline-dark:hover,
html.theme-dark .btn-outline-dark:focus {
    background-color: #334155;
    border-color: #334155;
    color: #ffffff;
}

html.theme-dark .app-sidebar-theme,
html.theme-dark .sidebar-brand-theme {
    background-color: var(--csa-dark-sidebar) !important;
    border-right: 1px solid #1e293b;
}

html.theme-dark .app-sidebar .nav-link {
    color: #cbd5e1 !important;
}

html.theme-dark .app-sidebar .nav-link:hover {
    background-color: var(--csa-dark-sidebar-hover) !important;
    color: #ffffff !important;
}

html.theme-dark .app-sidebar .nav-link.active {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
}

html.theme-dark .sidebar-group-text {
    color: #e2e8f0;
}

html.theme-dark #menuSearch,
html.theme-dark .sidebar-search-container .input-group-text {
    border-color: #475569 !important;
}

html.theme-dark #chatbot-iframe {
    background: var(--csa-dark-surface);
    border: 1px solid var(--csa-dark-border);
    box-shadow: 0 10px 25px rgba(2, 6, 23, 0.55);
}

html.theme-dark .swal2-popup {
    background: var(--csa-dark-surface) !important;
    color: var(--csa-dark-text) !important;
}

html.theme-dark .swal2-title {
    color: #f8fafc !important;
}

html.theme-dark .swal2-html-container {
    color: #cbd5e1 !important;
}

html.theme-dark .flatpickr-calendar {
    background: var(--csa-dark-surface);
    border: 1px solid var(--csa-dark-border);
    box-shadow: 0 10px 25px rgba(2, 6, 23, 0.55);
}

html.theme-dark .flatpickr-months .flatpickr-month,
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months,
html.theme-dark .flatpickr-current-month input.cur-year,
html.theme-dark span.flatpickr-weekday,
html.theme-dark .flatpickr-weekwrapper .flatpickr-weekday,
html.theme-dark .flatpickr-day {
    color: var(--csa-dark-text);
}

html.theme-dark .flatpickr-day.inRange,
html.theme-dark .flatpickr-day.prevMonthDay.inRange,
html.theme-dark .flatpickr-day.nextMonthDay.inRange {
    background: #334155;
    border-color: #334155;
}

html.theme-dark .flatpickr-day.selected,
html.theme-dark .flatpickr-day.startRange,
html.theme-dark .flatpickr-day.endRange {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

html.theme-dark .flatpickr-day:hover {
    background: #243244;
    border-color: #243244;
}

html.theme-dark .flatpickr-day.flatpickr-disabled,
html.theme-dark .flatpickr-day.flatpickr-disabled:hover {
    color: #64748b;
}

html.theme-dark .btn-close {
    filter: invert(1) grayscale(100%) brightness(180%);
}

/* Broad fallback for pages with custom local styles */
html.theme-dark .widget-menu,
html.theme-dark .small-box,
html.theme-dark .info-box,
html.theme-dark .timeline-item,
html.theme-dark .step-nav,
html.theme-dark .step-nav li,
html.theme-dark .nav-tabs,
html.theme-dark .nav-tabs .nav-link,
html.theme-dark .tab-content,
html.theme-dark .tab-pane,
html.theme-dark .accordion-item,
html.theme-dark .accordion-button,
html.theme-dark .offcanvas,
html.theme-dark .popover,
html.theme-dark .tooltip-inner {
    background-color: var(--csa-dark-surface) !important;
    color: var(--csa-dark-text) !important;
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .step-nav li.active,
html.theme-dark .nav-tabs .nav-link.active,
html.theme-dark .accordion-button:not(.collapsed) {
    background-color: #1d4ed8 !important;
    color: #ffffff !important;
    border-color: #1d4ed8 !important;
}

html.theme-dark .small-box .inner,
html.theme-dark .small-box h3,
html.theme-dark .small-box p,
html.theme-dark .info-box .info-box-text,
html.theme-dark .info-box .info-box-number {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .table > :not(caption) > * > *,
html.theme-dark table > :not(caption) > * > * {
    background-color: transparent !important;
    color: var(--csa-dark-text) !important;
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .table thead th,
html.theme-dark .table tfoot th,
html.theme-dark .table tfoot td {
    background-color: #1f2937 !important;
    color: #e2e8f0 !important;
}

html.theme-dark .table-dark,
html.theme-dark .table-dark > :not(caption) > * > * {
    background-color: #0b1220 !important;
    color: #e2e8f0 !important;
    border-color: #334155 !important;
}

html.theme-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(148, 163, 184, 0.08) !important;
}

html.theme-dark .table-hover > tbody > tr:hover > * {
    background-color: rgba(148, 163, 184, 0.14) !important;
    color: #ffffff !important;
}

html.theme-dark .badge.bg-white,
html.theme-dark .bg-white.text-primary,
html.theme-dark .bg-white.text-secondary,
html.theme-dark .bg-white.text-success,
html.theme-dark .bg-white.text-dark {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

html.theme-dark .input-group-text.bg-white,
html.theme-dark .form-control.bg-white,
html.theme-dark .form-select.bg-white {
    background-color: var(--csa-dark-surface) !important;
    color: var(--csa-dark-text) !important;
    border-color: var(--csa-dark-border) !important;
}

html.theme-dark .btn-light,
html.theme-dark .btn.bg-white {
    background-color: #334155 !important;
    color: #f8fafc !important;
    border-color: #475569 !important;
}

html.theme-dark .btn-light:hover,
html.theme-dark .btn.bg-white:hover {
    background-color: #475569 !important;
    border-color: #475569 !important;
    color: #ffffff !important;
}

html.theme-dark .dataTables_wrapper .dataTables_info,
html.theme-dark .dataTables_wrapper .dataTables_length,
html.theme-dark .dataTables_wrapper .dataTables_filter,
html.theme-dark .dataTables_wrapper .dataTables_paginate {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .dataTables_wrapper .dataTables_filter label,
html.theme-dark .dataTables_wrapper .dataTables_length label {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .select2-container--default .select2-results__group {
    color: #cbd5e1 !important;
    background-color: #1f2937 !important;
}

html.theme-dark [style*="background: #fff"],
html.theme-dark [style*="background:#fff"],
html.theme-dark [style*="background: #ffffff"],
html.theme-dark [style*="background:#ffffff"],
html.theme-dark [style*="background-color: #fff"],
html.theme-dark [style*="background-color:#fff"],
html.theme-dark [style*="background-color: #ffffff"],
html.theme-dark [style*="background-color:#ffffff"] {
    background-color: var(--csa-dark-surface) !important;
    background: var(--csa-dark-surface) !important;
}

html.theme-dark [style*="color: #000"],
html.theme-dark [style*="color:#000"],
html.theme-dark [style*="color: black"],
html.theme-dark [style*="color:black"] {
    color: var(--csa-dark-text) !important;
}

html.theme-dark .notification-item:hover {
    background-color: #243244 !important;
}

html.theme-dark #loader-overlay {
    background: rgba(15, 23, 42, 0.88) !important;
}