/* ============================================
   DARK MODE OVERRIDES
   Activated via body.dark-mode class

   Color palette:
     --dm-bg-deep:    #1a1d23  (page background)
     --dm-bg-card:    #24272e  (cards, panels, ibox)
     --dm-bg-hover:   #2a2d35  (hover states, headings)
     --dm-bg-nav:     #1e2128  (navbar, footer)
     --dm-border:     #333     (borders)
     --dm-border-lt:  #444     (lighter borders)
     --dm-text:       #e0e0e0  (primary text)
     --dm-text-muted: #adb5bd  (secondary text)
     --dm-link:       #48b0f7  (links)
   ============================================ */

/* === BASE / BODY === */
body.dark-mode {
    background: #1a1d23 !important;
    color: #e0e0e0;
}

/* === PAGE WRAPPER === */
body.dark-mode #page-wrapper {
    background-color: #1a1d23;
}

body.dark-mode .gray-bg,
body.dark-mode .bg-muted {
    background-color: #1a1d23;
}

body.dark-mode .white-bg {
    background-color: #24272e;
}

body.dark-mode .light-gray-bg {
    background-color: #1e2128;
}

body.dark-mode .page-heading {
    background-color: #24272e;
    border-bottom-color: #333;
}

body.dark-mode .wrapper-content {
    background-color: transparent;
}

/* === TOP NAVBAR === */
body.dark-mode .navbar-fixed-top,
body.dark-mode .navbar-static-top {
    background-color: #1e2128;
}

body.dark-mode .navbar-fixed-top {
    border-bottom-color: #333 !important;
}

body.dark-mode .nav.navbar-right > li > a {
    color: #adb5bd;
}

body.dark-mode .nav.navbar-top-links > li > a:hover,
body.dark-mode .nav.navbar-top-links > li > a:focus {
    color: #fff;
}

body.dark-mode .welcome-message {
    color: #adb5bd !important;
}

/* === SIDEBAR (already dark, minor tweaks) === */
body.dark-mode .navbar-default {
    background-color: #23272e;
}

body.dark-mode .nav-header {
    background-color: #23272e;
}

body.dark-mode ul.nav-second-level {
    background-color: #1c1f25;
}

body.dark-mode .navbar-default .nav > li > a:hover,
body.dark-mode .navbar-default .nav > li > a:focus {
    background-color: #1c1f25;
}

body.dark-mode.mini-navbar .nav-header {
    background-color: #1ab394;
}

/* Keep sidebar link colors */
body.dark-mode .nav > li > a {
    color: #a7b1c2;
}

body.dark-mode .nav > li.active > a {
    color: #ffffff;
}

/* === IBOX PANELS === */
body.dark-mode .ibox-title {
    background-color: #24272e;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode .ibox-content {
    background-color: #24272e;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode .ibox-heading {
    background-color: #2a2d35;
    border-bottom-color: #333;
}

body.dark-mode .ibox-footer {
    background-color: #24272e;
    border-color: #333;
    color: #adb5bd;
}

body.dark-mode .ibox-title h5,
body.dark-mode .ibox-title h4,
body.dark-mode .ibox-title h3 {
    color: #e0e0e0;
}

/* === TYPOGRAPHY === */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e0e0e0;
}

body.dark-mode p {
    color: #e0e0e0;
}

body.dark-mode .text-muted {
    color: #adb5bd !important;
}

body.dark-mode .text-navy {
    color: #48b0f7 !important;
}

body.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

body.dark-mode .text-info {
    color: #5bc0de !important;
}

body.dark-mode a {
    color: #48b0f7;
}

body.dark-mode a:hover,
body.dark-mode a:focus {
    color: #6fc3ff;
}

body.dark-mode strong {
    color: #e0e0e0;
}

/* === FOOTER === */
body.dark-mode .footer {
    background-color: #1e2128;
    border-top-color: #333;
    color: #adb5bd;
}

body.dark-mode .footer.fixed,
body.dark-mode .footer.fixed_full {
    background-color: #1e2128;
    border-top-color: #333;
}

/* === BORDERS === */
body.dark-mode .border-bottom {
    border-bottom-color: #333 !important;
}

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

body.dark-mode hr {
    border-top-color: #333;
}

/* === TABLES === */
body.dark-mode .table {
    color: #e0e0e0;
}

body.dark-mode .table > thead > tr > th,
body.dark-mode .table > tbody > tr > th,
body.dark-mode .table > tfoot > tr > th {
    border-bottom-color: #444;
    background-color: #2a2d35;
    color: #e0e0e0;
}

body.dark-mode .table > thead > tr > td,
body.dark-mode .table > tbody > tr > td,
body.dark-mode .table > tfoot > tr > td {
    border-top-color: #333;
    color: #e0e0e0;
}

body.dark-mode .table > thead > tr {
    background-color: #2a2d35;
}

body.dark-mode .table-bordered {
    border-color: #333;
}

body.dark-mode .table-bordered > thead > tr > th,
body.dark-mode .table-bordered > thead > tr > td,
body.dark-mode .table-bordered > tbody > tr > th,
body.dark-mode .table-bordered > tbody > tr > td,
body.dark-mode .table-bordered > tfoot > tr > th,
body.dark-mode .table-bordered > tfoot > tr > td {
    border-color: #333;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2a2d35;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #24272e;
}

body.dark-mode .table-hover > tbody > tr:hover {
    background-color: #2f323a;
}

body.dark-mode .table-responsive {
    border-color: #333;
}

/* DataTables */
body.dark-mode .dataTables_wrapper {
    color: #e0e0e0;
}

body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_paginate {
    color: #adb5bd;
}

body.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
}

/* === FORMS === */
body.dark-mode .form-control,
body.dark-mode .single-line {
    background-color: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .form-control:focus,
body.dark-mode .single-line:focus {
    border-color: #1ab394;
}

body.dark-mode .form-control::placeholder {
    color: #6c757d;
}

body.dark-mode .form-control[disabled],
body.dark-mode .form-control[readonly],
body.dark-mode fieldset[disabled] .form-control {
    background-color: #2a2d35;
    color: #adb5bd;
}

body.dark-mode .input-group-addon {
    background-color: #2a2d35;
    border-color: #444;
    color: #adb5bd;
}

body.dark-mode .input-group-prepend .input-group-text,
body.dark-mode .input-group-append .input-group-text {
    background-color: #2a2d35;
    border-color: #444;
    color: #adb5bd;
}

body.dark-mode select.form-control {
    background-color: #1a1d23;
    color: #e0e0e0;
}

body.dark-mode select.form-control option {
    background-color: #24272e;
    color: #e0e0e0;
}

body.dark-mode .col-form-label,
body.dark-mode .control-label,
body.dark-mode label {
    color: #e0e0e0;
}

body.dark-mode .form-text {
    color: #adb5bd;
}

body.dark-mode .help-block {
    color: #adb5bd;
}

body.dark-mode .custom-control-label::before {
    background-color: #1a1d23;
    border-color: #444;
}

/* iCheck plugin */
body.dark-mode .icheckbox_square-green,
body.dark-mode .iradio_square-green {
    border-color: #444;
}

/* Chosen plugin */
body.dark-mode .chosen-container-single .chosen-single {
    background: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
    box-shadow: none;
}

body.dark-mode .chosen-container .chosen-drop {
    background: #24272e;
    border-color: #444;
}

body.dark-mode .chosen-container .chosen-results li {
    color: #e0e0e0;
}

body.dark-mode .chosen-container .chosen-results li.highlighted {
    background-color: #1ab394;
    color: #fff;
}

body.dark-mode .chosen-container-single .chosen-search input[type="text"] {
    background-color: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
}

/* Select2 plugin */
body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #e0e0e0;
}

body.dark-mode .select2-dropdown {
    background-color: #24272e;
    border-color: #444;
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1a1d23;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .select2-container--default .select2-results__option {
    color: #e0e0e0;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1ab394;
    color: #fff;
}

body.dark-mode .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #2a2d35;
}

/* === BUTTONS === */
body.dark-mode .btn-white {
    background-color: #2a2d35;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .btn-white:hover,
body.dark-mode .btn-white:focus {
    background-color: #333;
    border-color: #555;
    color: #fff;
}

body.dark-mode .btn-outline {
    color: #e0e0e0;
}

body.dark-mode .btn-default {
    background-color: #2a2d35;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .btn-default:hover,
body.dark-mode .btn-default:focus {
    background-color: #333;
    border-color: #555;
    color: #fff;
}

body.dark-mode .btn-link {
    color: #48b0f7;
}

body.dark-mode .btn-link:hover {
    color: #6fc3ff;
}

/* === DROPDOWN / MODALS === */
body.dark-mode .dropdown-menu {
    background-color: #24272e;
    border-color: #444;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

body.dark-mode .dropdown-menu > li > a {
    color: #e0e0e0;
}

body.dark-mode .dropdown-menu > li > a:hover,
body.dark-mode .dropdown-menu > li > a:focus {
    background-color: #2a2d35;
    color: #fff;
}

body.dark-mode .dropdown-menu .divider {
    background-color: #333;
}

body.dark-mode .modal-content {
    background-color: #24272e;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .modal-header {
    border-bottom-color: #333;
    color: #e0e0e0;
}

body.dark-mode .modal-body {
    color: #e0e0e0;
}

body.dark-mode .modal-footer {
    border-top-color: #333;
}

body.dark-mode .inmodal .modal-body {
    background-color: #1e2128;
}

body.dark-mode .inmodal .modal-header {
    background-color: #24272e;
}

body.dark-mode .modal-title {
    color: #e0e0e0;
}

body.dark-mode .close {
    color: #adb5bd;
    text-shadow: none;
    opacity: 0.7;
}

body.dark-mode .close:hover {
    color: #fff;
}

/* === ALERTS === */
body.dark-mode .alert-warning {
    background-color: #3d3525;
    border-color: #554a2e;
    color: #f8d7a0;
}

body.dark-mode .alert-success {
    background-color: #1e3a2f;
    border-color: #2a5040;
    color: #a3d9c8;
}

body.dark-mode .alert-danger {
    background-color: #3a1e22;
    border-color: #502a2e;
    color: #e8a0a6;
}

body.dark-mode .alert-info {
    background-color: #1e2e3a;
    border-color: #2a4050;
    color: #a0c8e8;
}

body.dark-mode .alert-primary {
    background-color: #1e253a;
    border-color: #2a3550;
    color: #a0b0e8;
}

/* === BREADCRUMB === */
body.dark-mode .breadcrumb {
    background-color: transparent;
}

body.dark-mode .breadcrumb > li {
    color: #adb5bd;
}

body.dark-mode .breadcrumb > li > a {
    color: #48b0f7;
}

body.dark-mode .breadcrumb > .active {
    color: #adb5bd;
}

body.dark-mode .breadcrumb-item + .breadcrumb-item::before {
    color: #666;
}

/* === PANELS / CARDS === */
body.dark-mode .panel {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .panel-default > .panel-heading {
    background-color: #2a2d35;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode .panel-body {
    background-color: #24272e;
    color: #e0e0e0;
}

body.dark-mode .panel-footer {
    background-color: #2a2d35;
    border-color: #333;
    color: #adb5bd;
}

body.dark-mode .card {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .card-header {
    background-color: #2a2d35;
    border-bottom-color: #333;
    color: #e0e0e0;
}

body.dark-mode .card-body {
    background-color: #24272e;
    color: #e0e0e0;
}

body.dark-mode .card-footer {
    background-color: #2a2d35;
    border-top-color: #333;
}

/* === TABS === */
body.dark-mode .nav-tabs {
    border-bottom-color: #444;
}

body.dark-mode .nav-tabs > li > a,
body.dark-mode .nav-tabs .nav-link {
    color: #adb5bd;
}

body.dark-mode .nav-tabs > li > a:hover,
body.dark-mode .nav-tabs .nav-link:hover {
    border-color: #444;
    background-color: #2a2d35;
    color: #e0e0e0;
}

body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-tabs > li.active > a:hover,
body.dark-mode .nav-tabs > li.active > a:focus,
body.dark-mode .nav-tabs .nav-link.active {
    background-color: #24272e;
    border-color: #444 #444 transparent;
    color: #e0e0e0;
}

body.dark-mode .tab-content {
    background-color: #24272e;
    border-color: #444;
}

body.dark-mode .tab-pane {
    color: #e0e0e0;
}

/* Tabs container (Inspinia) */
body.dark-mode .tabs-container .panel-body {
    background: #24272e;
    border-color: #333;
}

body.dark-mode .tabs-container .nav-tabs {
    border-bottom-color: #333;
}

body.dark-mode .tabs-container .nav-tabs > li.active > a,
body.dark-mode .tabs-container .nav-tabs > li.active > a:hover,
body.dark-mode .tabs-container .nav-tabs > li.active > a:focus {
    border-color: #333;
    border-bottom-color: transparent;
    background-color: #24272e;
    color: #e0e0e0;
}

body.dark-mode .tabs-container .tab-pane .panel-body {
    border-top: none;
}

/* === PAGINATION === */
body.dark-mode .pagination > li > a,
body.dark-mode .pagination > li > span {
    background-color: #24272e;
    border-color: #444;
    color: #adb5bd;
}

body.dark-mode .pagination > li > a:hover {
    background-color: #2a2d35;
    border-color: #555;
    color: #fff;
}

body.dark-mode .pagination > .active > a,
body.dark-mode .pagination > .active > a:hover,
body.dark-mode .pagination > .active > span {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #fff;
}

body.dark-mode .pagination > .disabled > a,
body.dark-mode .pagination > .disabled > span {
    background-color: #1e2128;
    border-color: #333;
    color: #555;
}

/* === LABELS / BADGES === */
body.dark-mode .label-default,
body.dark-mode .badge-secondary {
    background-color: #444;
    color: #e0e0e0;
}

body.dark-mode .label-plain {
    background-color: transparent;
    color: #adb5bd;
}

body.dark-mode .badge-light {
    background-color: #2a2d35;
    color: #e0e0e0;
}

/* === LIST GROUPS === */
body.dark-mode .list-group-item {
    background-color: #24272e;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode .list-group-item:hover {
    background-color: #2a2d35;
}

body.dark-mode .list-group-item.active {
    background-color: #1ab394;
    border-color: #1ab394;
}

/* === WELL === */
body.dark-mode .well {
    background-color: #1a1d23;
    border-color: #333;
}

/* === POPOVER === */
body.dark-mode .popover {
    background-color: #24272e;
    border-color: #444;
}

body.dark-mode .popover-title {
    background-color: #2a2d35;
    border-bottom-color: #333;
    color: #e0e0e0;
}

body.dark-mode .popover-content {
    color: #e0e0e0;
}

/* === TOOLTIP === */
body.dark-mode .tooltip-inner {
    background-color: #333;
}

/* === SWEETALERT2 === */
body.dark-mode .swal2-popup {
    background-color: #24272e !important;
    color: #e0e0e0 !important;
}

body.dark-mode .swal2-title {
    color: #e0e0e0 !important;
}

body.dark-mode .swal2-content,
body.dark-mode .swal2-html-container {
    color: #adb5bd !important;
}

body.dark-mode .swal2-input,
body.dark-mode .swal2-textarea {
    background-color: #1a1d23 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* === CONSOLE (subscriptionConsole.php) === */
body.dark-mode .console {
    background: #1a1d23 !important;
    color: #e0e0e0 !important;
}

/* === CHIPS (subscription toolbar) === */
body.dark-mode .chip {
    background: #2a2d35 !important;
    border-color: #444 !important;
    color: #adb5bd !important;
}

/* === SWITCHES / SLIDERS (custom toggles) === */
body.dark-mode .slider {
    background: #444 !important;
}

body.dark-mode .slider:before {
    background: #e0e0e0 !important;
}

body.dark-mode input:checked + .slider {
    background: #1ab394 !important;
}

/* === WIDGET === */
body.dark-mode .widget {
    background-color: #24272e;
    color: #e0e0e0;
}

body.dark-mode .widget-text-box {
    background-color: #24272e;
    border-color: #333;
}

/* === FEED / ACTIVITY === */
body.dark-mode .feed-element {
    border-bottom-color: #333;
}

body.dark-mode .chat-activity-list .chat-element {
    border-bottom-color: #333;
}

body.dark-mode .chat-element .well {
    border-color: #333;
    background-color: #1a1d23;
}

body.dark-mode .chat-discussion .chat-message {
    background-color: #2a2d35;
}

/* === TIMELINE === */
body.dark-mode .vertical-timeline-content {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .timeline-item .content {
    background-color: #24272e;
}

body.dark-mode .timeline-item .date {
    color: #adb5bd;
}

/* === CONTACT BOX === */
body.dark-mode .contact-box {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .contact-box:hover {
    background-color: #2a2d35;
}

/* === MAIL BOX === */
body.dark-mode .mail-box,
body.dark-mode .mail-box-header {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .mailbox-content {
    background-color: #24272e;
}

/* === FILE MANAGER === */
body.dark-mode .file,
body.dark-mode .file-list li {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .file .file-name {
    background-color: #2a2d35;
    border-color: #333;
    color: #e0e0e0;
}

/* === PROJECT LIST === */
body.dark-mode .project-list table tr td {
    border-color: #333;
}

/* === NOTE EDITOR (Summernote) === */
body.dark-mode .note-editor {
    border-color: #444;
}

body.dark-mode .note-editor .note-toolbar {
    background-color: #2a2d35;
    border-bottom-color: #444;
}

body.dark-mode .note-editor .note-editing-area .note-editable {
    background-color: #1a1d23;
    color: #e0e0e0;
}

body.dark-mode .note-editor .note-statusbar {
    background-color: #2a2d35;
    border-top-color: #444;
}

/* === TOAST NOTIFICATIONS === */
body.dark-mode .toast {
    background-color: #24272e;
    border-color: #444;
    color: #e0e0e0;
}

/* === PROGRESS BARS === */
body.dark-mode .progress {
    background-color: #1a1d23;
}

/* === jqGrid === */
body.dark-mode .ui-jqgrid {
    border-color: #333;
}

body.dark-mode .ui-jqgrid tr.jqgrow td {
    border-color: #333;
}

body.dark-mode .ui-jqgrid .ui-jqgrid-hdiv {
    background-color: #2a2d35;
    color: #e0e0e0;
}

body.dark-mode .ui-jqgrid .ui-jqgrid-bdiv {
    background-color: #24272e;
}

/* === UI Sortable === */
body.dark-mode .ui-sortable-placeholder {
    background: #2a2d35;
    border-color: #444 !important;
}

/* === MISC === */
body.dark-mode .bg-white {
    background-color: #24272e !important;
}

body.dark-mode .bg-light {
    background-color: #1e2128 !important;
}

body.dark-mode code {
    background-color: #2a2d35;
    color: #e8a0a6;
}

body.dark-mode pre {
    background-color: #1a1d23;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode blockquote {
    border-left-color: #444;
}

body.dark-mode .img-thumbnail {
    background-color: #24272e;
    border-color: #333;
}

body.dark-mode .jumbotron {
    background-color: #1e2128;
    color: #e0e0e0;
}

/* Text colors on body.dark-mode scope */
body.dark-mode .text-dark {
    color: #e0e0e0 !important;
}

body.dark-mode .text-black-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.dark-mode .text-body {
    color: #e0e0e0 !important;
}

/* Custom colored inline chips - override inline styles */
body.dark-mode .chip[style*="background:#fff3cd"],
body.dark-mode .chip[style*="background: #fff3cd"] {
    background: #3d3525 !important;
    border-color: #554a2e !important;
    color: #f8d7a0 !important;
}

body.dark-mode .chip[style*="background:#ffe6e6"],
body.dark-mode .chip[style*="background: #ffe6e6"] {
    background: #3a1e22 !important;
    border-color: #502a2e !important;
    color: #e8a0a6 !important;
}

body.dark-mode .chip[style*="background:#e2e3e5"],
body.dark-mode .chip[style*="background: #e2e3e5"] {
    background: #2a2d35 !important;
    border-color: #444 !important;
    color: #adb5bd !important;
}

/* Inline style overrides for common patterns */
body.dark-mode [style*="color: #888"],
body.dark-mode [style*="color:#888"] {
    color: #adb5bd !important;
}

body.dark-mode [style*="color: #676a6c"],
body.dark-mode [style*="color:#676a6c"] {
    color: #adb5bd !important;
}

body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background-color:white"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background:white"] {
    background-color: #24272e !important;
}

body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color:#fff"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background:#fff"] {
    background-color: #24272e !important;
}

body.dark-mode [style*="color: #000"],
body.dark-mode [style*="color:#000"],
body.dark-mode [style*="color: black"],
body.dark-mode [style*="color:black"] {
    color: #e0e0e0 !important;
}

/* === ON/OFF SWITCHES (Inspinia) === */
body.dark-mode .onoffswitch-inner:after {
    background-color: #2a2d35;
    color: #adb5bd;
}

body.dark-mode .onoffswitch-label {
    border-color: #1AB394;
}

/* === STAT WIDGETS === */
body.dark-mode .stat-percent {
    color: #adb5bd;
}

body.dark-mode .stat-info {
    color: #adb5bd;
}

/* === HR LINES === */
body.dark-mode .hr-line-dashed {
    border-top-color: #333;
}

body.dark-mode .hr-line-solid {
    border-bottom-color: #333;
    background-color: transparent;
}

body.dark-mode .hr-line-stats {
    border-top-color: #333;
}

/* === SEARCH RESULTS === */
body.dark-mode .search-result .search-link {
    color: #48b0f7;
}

/* === PROFILE === */
body.dark-mode .profile-element span {
    color: #e0e0e0;
}

/* === FLOT CHART === */
body.dark-mode .flot-chart {
    color: #adb5bd;
}

/* === LANDING PAGE OVERRIDES (login, register) === */
body.dark-mode.gray-bg {
    background-color: #1a1d23;
}

body.dark-mode .loginscreen,
body.dark-mode .passwordBox {
    background-color: #1a1d23;
}

/* === CHANGELOG (vote buttons, inputs) === */
body.dark-mode .vote-btn {
    border-color: #444 !important;
    color: #adb5bd !important;
    background-color: #24272e !important;
}

body.dark-mode .vote-btn:hover {
    background-color: #2a2d35 !important;
}

body.dark-mode .input-text {
    background-color: #1a1d23 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .input-text.readonly.background {
    background-color: #2a2d35 !important;
}

/* === NAVI CONTAINER (admin page tabs) === */
body.dark-mode .navi_container,
body.dark-mode .navi_container .container,
body.dark-mode .navi_container .left,
body.dark-mode .navi_container .right,
body.dark-mode .navi_container .navi,
body.dark-mode .navi_container .top,
body.dark-mode .navi_container .container > .top,
body.dark-mode .navi_container .container > .left,
body.dark-mode .navi_container .container > .right {
    background: #24272e !important;
    background-color: #24272e !important;
    border-color: #333;
    color: #e0e0e0;
}

body.dark-mode .navi a.item {
    color: #adb5bd !important;
}

body.dark-mode .navi a.item:hover,
body.dark-mode .navi a.item.active {
    color: #fff !important;
}

/* === ADMIN PANEL SPECIFIC === */
body.dark-mode .ecommerce .ibox-content {
    background-color: #24272e;
}

/* === LABEL PILL (subscription toolbar) === */
body.dark-mode .label-pill {
    color: #fff;
}

/* === DARK MODE TOGGLE BUTTON === */
#dark-mode-toggle {
    cursor: pointer;
    font-size: 16px;
    padding: 15px;
    display: inline-block;
}

#dark-mode-toggle i {
    transition: transform 0.3s ease;
}

#dark-mode-toggle:hover i {
    transform: scale(1.2);
}

/* === ADMIN PANEL (panel.css overrides) === */
body.dark-mode .navi_container .slider_admin-container .input_admin-container input[type="text"] {
    color: #e0e0e0;
    border-color: #444;
    background: #1a1d23;
}

body.dark-mode .navi_container .container-graph {
    border-top-color: #444;
}

body.dark-mode .navi_container .right .right_container {
    border-top-color: #444;
}

body.dark-mode .navi_container .right .right_container .shift {
    border-top-color: #444;
}

body.dark-mode .navi_container .right .price_container .price_adm_container .price_box_adm {
    background: #1a1d23;
    color: #e0e0e0;
    border-color: #444;
}

body.dark-mode .container > .top .name,
body.dark-mode .container > .top h4,
body.dark-mode .container > .top .roll h5 {
    color: #e0e0e0;
}

body.dark-mode .container > .top .roll {
    color: #adb5bd;
}

body.dark-mode .container > .top .roll:hover {
    color: #fff;
}

/* Console on admin2.php */
body.dark-mode .console,
body.dark-mode .console[data-v-2cc7918c] {
    background-color: #1a1d23 !important;
    color: #e0e0e0 !important;
}

/* Catch-all: any element with white/light inline backgrounds */
body.dark-mode .panel-body,
body.dark-mode .tab-pane > .panel-body,
body.dark-mode .tabs-container .panel-body,
body.dark-mode .tabs-container .tab-pane .panel-body {
    background: #24272e !important;
    border-color: #333 !important;
    color: #e0e0e0;
}

body.dark-mode .tab-content,
body.dark-mode .tabs-container .tab-content,
body.dark-mode .tab-pane,
body.dark-mode .tabs-container .tab-pane,
body.dark-mode .tabs-container {
    background: #24272e !important;
    background-color: #24272e !important;
    border-color: #333;
}

/* host.css body background override */
body.dark-mode #page-wrapper {
    background: #1a1d23 !important;
}

/* === SMOOTH TRANSITIONS === */
body.dark-mode,
body.dark-mode #page-wrapper,
body.dark-mode .navbar-static-top,
body.dark-mode .navbar-fixed-top,
body.dark-mode .ibox-title,
body.dark-mode .ibox-content,
body.dark-mode .footer,
body.dark-mode .form-control,
body.dark-mode .table,
body.dark-mode .modal-content,
body.dark-mode .panel,
body.dark-mode .panel-body {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}