body.dark-theme {
    background-color: #121212 !important;
    color: #e4e4e4 !important;
}

.dark-theme .top-row {
    background-color: #1e1e1e !important;
    border-bottom: 1px solid #333 !important;
}

.dark-theme .sidebar {
    background-image: linear-gradient(180deg, rgb(2, 18, 50) 0%, #1e0325 70%) !important;
}

.dark-theme #blazor-error-ui {
    background: #332a00 !important;
    color: #fff !important;
}

.dark-theme .demo-menu-container {
    background-color: #1e1e1e !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 4px 5px rgba(0, 0, 0, 0.5) !important;
    color: #e4e4e4 !important;
}

.dark-theme .demo-menu-container .tk-title, 
.dark-theme .demo-menu-container .profile-box {
    color: #e4e4e4 !important;
}

.dark-theme .demo-menu-container .separator {
    background: #333 !important;
}

.dark-theme .footer-content, 
.dark-theme .footer-link,
.dark-theme .footer-link:link,
.dark-theme .footer-link:visited,
.dark-theme .footer-link:hover,
.dark-theme .footer-link:active {
    color: #999 !important;
}

.dark-theme .site-navbar .site-navigation .site-menu .has-children .dropdown {
    background: #1e1e1e !important;
    border-top: 2px solid #007bff !important;
}

.dark-theme .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    color: #e4e4e4 !important;
}

.dark-theme .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
    background: #333 !important;
    color: #fff !important;
}

.dark-theme .site-mobile-menu, 
.dark-theme .site-mobile-menu .site-mobile-menu-body {
    background: #1e1e1e !important;
}

.dark-theme .site-mobile-menu .site-nav-wrap a {
    color: #e4e4e4 !important;
}

.dark-theme .site-mobile-menu .site-nav-wrap a:hover {
    color: #007bff !important;
}

.dark-theme .site-navbar .site-logo a {
    color: #fff !important;
}

.dark-theme .my-custom-actions .k-window-titlebar {
    background-color: #333 !important;
    color: #fff !important;
}

.dark-theme .my-custom-actions .k-window-content {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
}

.dark-theme .k-drawer-content {
    background-color: #121212 !important;
    color: #e4e4e4 !important;
}

.dark-theme a, .dark-theme .btn-link {
    color: #5ea3ff;
}

.dark-theme p {
    color: #aaa;
}

.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6 {
    color: #eee;
}

/* Telerik components basic dark overrides */
.dark-theme .k-grid,
.dark-theme .k-grid-header,
.dark-theme .k-grid-content,
.dark-theme .k-grid th,
.dark-theme .k-grid td,
.dark-theme .k-grid-header-wrap {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
    border-color: #333 !important;
}

.dark-theme .k-grid tr td {
    background-color: #1e1e1e !important;
}

.dark-theme .k-grid tr.k-alt td {
    background-color: #262626 !important;
}

.dark-theme .k-grid tr:hover {
    background-color: #333 !important;
}

.dark-theme .k-input,
.dark-theme .k-textbox,
.dark-theme .k-dropdown-wrap,
.dark-theme .k-picker-wrap,
.dark-theme .k-numeric-wrap {
    background-color: #121212 !important;
    color: #e4e4e4 !important;
    border-color: #555 !important;
}



body.dark-theme .bg-light,
body.dark-theme .bg-white {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
}

body.dark-theme .border {
    border-color: #333 !important;
}

body.dark-theme .text-dark {
    color: #e4e4e4 !important;
}

body.dark-theme .greeting {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
}

body.dark-theme .valShow,
body.dark-theme .valActive {
    background-color: #121212 !important;
    color: #e4e4e4 !important;
    border-color: #333 !important;
}

body.dark-theme .valActive:hover {
    background-color: #333 !important;
}

.dark-theme .k-dialog,
.dark-theme .k-window {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
    border-color: #333 !important;
}

.dark-theme .k-popup {
    background-color: #1e1e1e !important;
    color: #e4e4e4 !important;
    border-color: #333 !important;
}

.dark-theme .k-list .k-item {
    color: #e4e4e4 !important;
}

.dark-theme .k-list .k-item:hover {
    background-color: #333 !important;
}

.dark-theme .k-button-solid-secondary { background-color: #6c757d !important; border-color: #6c757d !important; color: #fff !important; }

/* Keep button colors from Light theme */
.dark-theme .bg-primary, .dark-theme .k-badge-solid-primary { background-color: #0d6efd !important; color: #fff !important; }
.dark-theme .bg-danger, .dark-theme .k-badge-solid-error { background-color: #dc3545 !important; color: #fff !important; }
.dark-theme .bg-secondary, .dark-theme .k-badge-solid-secondary { background-color: #6c757d !important; color: #fff !important; }

/* Keep button colors from Light theme */
.dark-theme .k-button-solid-primary { background-color: #0d6efd !important; border-color: #0d6efd !important; color: #fff !important; }
.dark-theme .k-button-solid-success { background-color: #198754 !important; border-color: #198754 !important; color: #fff !important; }
.dark-theme .k-button-solid-info { background-color: #0dcaf0 !important; border-color: #0dcaf0 !important; color: #000 !important; }
.dark-theme .k-button-solid-warning { background-color: #ffc107 !important; border-color: #ffc107 !important; color: #000 !important; }
.dark-theme .k-button-solid-error, .dark-theme .k-button-solid-danger { background-color: #dc3545 !important; border-color: #dc3545 !important; color: #fff !important; }

/* Additional fallback for Zebra rows and Button Colors */
.dark-theme .k-grid tr.k-master-row:nth-child(even) td, .dark-theme .k-grid tr.k-table-alt-row td { background-color: #262626 !important; }
.dark-theme .btn-primary, .dark-theme .k-button-primary { background-color: #0d6efd !important; border-color: #0d6efd !important; color: #fff !important; }
.dark-theme .btn-success, .dark-theme .k-button-success { background-color: #198754 !important; border-color: #198754 !important; color: #fff !important; }

/* Fix Badges and Spans in Dark Theme */
.dark-theme .bg-success, .dark-theme .k-badge-solid-success { background-color: #198754 !important; color: #fff !important; }
.dark-theme .bg-warning, .dark-theme .k-badge-solid-warning { background-color: #ffc107 !important; color: #000 !important; }

/* Make Modal Overlay Darker */
.dark-theme .k-overlay { background-color: #000000 !important; opacity: 0.85 !important; }