/* Dark Mode Styles for Admin Panel */

/* CSS Variables for Dark Mode */
body.dark-mode {
    --bg-primary: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-card: #1f2940;
    --bg-input: #2d3748;
    --text-primary: #d9e0e8;
    --text-secondary: #b8c4d0;
    --text-muted: #94a3b8;
    --border-color: #2d3748;
    --shadow-color: rgba(0, 0, 0, 0.3);
}

/* Base body styling */
body.dark-mode {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Force all text to be light */
body.dark-mode * {
    color: inherit;
}

/* Content Section */
body.dark-mode section.content {
    background-color: var(--bg-primary) !important;
    color: #d9e0e8 !important;
}

/* Cards */
body.dark-mode .card {
    background-color: var(--bg-card) !important;
    box-shadow: 0 2px 10px var(--shadow-color) !important;
}

body.dark-mode .card .header {
    background-color: var(--bg-card) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

body.dark-mode .card .header h2 {
    color: var(--text-primary) !important;
}

body.dark-mode .card .header .header-dropdown li a {
    color: var(--text-secondary) !important;
}

body.dark-mode .card .body {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* Sidebar */
body.dark-mode .sidebar {
    background-color: var(--bg-secondary) !important;
}

body.dark-mode .sidebar .user-info {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

body.dark-mode .sidebar .user-info .name,
body.dark-mode .sidebar .user-info .email {
    color: var(--text-primary) !important;
}

body.dark-mode .sidebar .menu .list li a {
    color: var(--text-secondary) !important;
}

body.dark-mode .sidebar .menu .list li a:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .sidebar .menu .list li.active > a {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-mode .sidebar .menu .list li.header {
    color: var(--text-muted) !important;
}

body.dark-mode .sidebar .legal {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

body.dark-mode .sidebar .legal .copyright,
body.dark-mode .sidebar .legal .version {
    color: var(--text-muted) !important;
}

/* Tables */
body.dark-mode .table {
    color: var(--text-primary) !important;
}

body.dark-mode .table > thead > tr > th {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-color) !important;
}

body.dark-mode .table > tbody > tr > td {
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .table > tbody > tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

body.dark-mode .table-bordered {
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .table-bordered > thead > tr > th,
body.dark-mode .table-bordered > tbody > tr > td {
    border: 1px solid var(--border-color) !important;
}

/* DataTables */
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: var(--text-secondary) !important;
}

body.dark-mode .dataTables_wrapper .dataTables_length select,
body.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--text-secondary) !important;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Forms */
body.dark-mode .form-control {
    background-color: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .form-control:focus {
    border-color: #4299e1 !important;
    box-shadow: 0 0 0 0.2rem rgba(66, 153, 225, 0.25) !important;
}

body.dark-mode .form-control::placeholder {
    color: var(--text-muted) !important;
}

body.dark-mode .form-group label {
    color: var(--text-primary) !important;
}

body.dark-mode .form-line {
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .form-line.focused {
    border-bottom-color: #4299e1 !important;
}

body.dark-mode .form-line .form-control {
    border: none !important;
}

body.dark-mode .input-group-addon {
    background-color: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode select.form-control {
    background-color: var(--bg-input) !important;
}

body.dark-mode .bootstrap-select .dropdown-toggle {
    background-color: var(--bg-input) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu li a {
    color: var(--text-primary) !important;
}

body.dark-mode .bootstrap-select .dropdown-menu li a:hover,
body.dark-mode .bootstrap-select .dropdown-menu li.selected a {
    background-color: var(--bg-secondary) !important;
}

/* Dropdowns */
body.dark-mode .dropdown-menu {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 6px 12px var(--shadow-color) !important;
}

body.dark-mode .dropdown-menu > li > a {
    color: var(--text-primary) !important;
}

body.dark-mode .dropdown-menu > li > a:hover,
body.dark-mode .dropdown-menu > li > a:focus {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .dropdown-menu .divider {
    background-color: var(--border-color) !important;
}

/* Modals */
body.dark-mode .modal-content {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .modal-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

body.dark-mode .modal-header .modal-title {
    color: var(--text-primary) !important;
}

body.dark-mode .modal-header .close {
    color: var(--text-secondary) !important;
}

body.dark-mode .modal-body {
    color: var(--text-primary) !important;
}

body.dark-mode .modal-footer {
    border-top: 1px solid var(--border-color) !important;
}

/* Alerts */
body.dark-mode .alert {
    border: none !important;
}

body.dark-mode .alert-info {
    background-color: rgba(66, 153, 225, 0.15) !important;
    color: #63b3ed !important;
}

body.dark-mode .alert-success {
    background-color: rgba(72, 187, 120, 0.15) !important;
    color: #68d391 !important;
}

body.dark-mode .alert-warning {
    background-color: rgba(237, 137, 54, 0.15) !important;
    color: #f6ad55 !important;
}

body.dark-mode .alert-danger {
    background-color: rgba(245, 101, 101, 0.15) !important;
    color: #fc8181 !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb {
    background-color: var(--bg-card) !important;
}

body.dark-mode .breadcrumb > li,
body.dark-mode .breadcrumb > li > a {
    color: var(--text-secondary) !important;
}

body.dark-mode .breadcrumb > .active {
    color: var(--text-primary) !important;
}

/* Panels */
body.dark-mode .panel {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .panel-heading {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .panel-body {
    color: var(--text-primary) !important;
}

body.dark-mode .panel-footer {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

/* Labels and Badges */
body.dark-mode .label-default {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Info Box / Stats Widgets */
body.dark-mode .info-box {
    background-color: var(--bg-card) !important;
    box-shadow: 0 2px 10px var(--shadow-color) !important;
}

body.dark-mode .info-box .info-box-content .info-box-text {
    color: var(--text-secondary) !important;
}

body.dark-mode .info-box .info-box-content .info-box-number {
    color: var(--text-primary) !important;
}

/* Well */
body.dark-mode .well {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* List Groups */
body.dark-mode .list-group-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .list-group-item:hover {
    background-color: var(--bg-secondary) !important;
}

body.dark-mode a.list-group-item:hover,
body.dark-mode a.list-group-item:focus {
    color: var(--text-primary) !important;
}

/* Nav Tabs */
body.dark-mode .nav-tabs {
    border-bottom: 1px solid var(--border-color) !important;
}

body.dark-mode .nav-tabs > li > a {
    color: var(--text-secondary) !important;
}

body.dark-mode .nav-tabs > li > a:hover {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

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 {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    border-bottom-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .tab-content {
    background-color: var(--bg-card) !important;
}

/* Pagination */
body.dark-mode .pagination > li > a,
body.dark-mode .pagination > li > span {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
}

body.dark-mode .pagination > li > a:hover {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .pagination > .active > a,
body.dark-mode .pagination > .active > span {
    background-color: #4299e1 !important;
    border-color: #4299e1 !important;
}

/* Progress Bars */
body.dark-mode .progress {
    background-color: var(--bg-secondary) !important;
}

/* Tooltips */
body.dark-mode .tooltip-inner {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Popovers */
body.dark-mode .popover {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .popover-title {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .popover-content {
    color: var(--text-primary) !important;
}

/* Code/Pre */
body.dark-mode pre,
body.dark-mode code {
    background-color: var(--bg-secondary) !important;
    color: #68d391 !important;
    border: 1px solid var(--border-color) !important;
}

/* hr */
body.dark-mode hr {
    border-top-color: var(--border-color) !important;
}

/* Text Colors Override */
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: var(--text-primary) !important;
}

body.dark-mode p {
    color: var(--text-secondary);
}

body.dark-mode small,
body.dark-mode .small {
    color: var(--text-muted) !important;
}

/* Maintenance Tools Links (from settings.php) */
body.dark-mode .maintenance-tool {
    background-color: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .maintenance-tool:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .maintenance-tool h4 {
    color: var(--text-primary) !important;
}

body.dark-mode .maintenance-tool p {
    color: var(--text-secondary) !important;
}

body.dark-mode .maintenance-tool .arrow {
    color: var(--text-muted) !important;
}

/* Dropify (File Upload) */
body.dark-mode .dropify-wrapper {
    background-color: var(--bg-input) !important;
    border: 2px dashed var(--border-color) !important;
    color: var(--text-secondary) !important;
}

body.dark-mode .dropify-wrapper:hover {
    background-color: var(--bg-secondary) !important;
}

body.dark-mode .dropify-wrapper .dropify-message p {
    color: var(--text-secondary) !important;
}

/* Checkbox and Radio */
body.dark-mode [type="checkbox"] + label,
body.dark-mode [type="radio"]:not(:checked) + label,
body.dark-mode [type="radio"]:checked + label {
    color: var(--text-primary) !important;
}

/* Switch */
body.dark-mode .switch label {
    color: var(--text-primary) !important;
}

/* CKEditor */
body.dark-mode .cke_chrome {
    border-color: var(--border-color) !important;
}

body.dark-mode .cke_top,
body.dark-mode .cke_bottom {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Calendar/Date Picker */
body.dark-mode .datepicker {
    background-color: var(--bg-card) !important;
}

body.dark-mode .datepicker table tr td,
body.dark-mode .datepicker table tr th {
    color: var(--text-primary) !important;
}

body.dark-mode .datepicker table tr td.disabled,
body.dark-mode .datepicker table tr td.disabled:hover {
    color: var(--text-muted) !important;
}

/* Scrollbar for dark mode */
body.dark-mode::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

body.dark-mode *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode *::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

body.dark-mode *::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 4px;
}

/* Dark Mode Toggle Button Styles */
.dark-mode-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 8px 12px;
    transition: all 0.3s ease;
}

.dark-mode-toggle:hover {
    opacity: 0.8;
}

.dark-mode-toggle i {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.dark-mode-toggle:hover i {
    transform: rotate(20deg);
}

/* Smooth transition when toggling */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.card, .sidebar, .navbar, .modal-content, .dropdown-menu, .form-control, .table {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Fix specific elements that might have inline styles */
body.dark-mode [style*="background-color: #fff"],
body.dark-mode [style*="background-color: white"],
body.dark-mode [style*="background: #fff"],
body.dark-mode [style*="background: white"] {
    background-color: var(--bg-card) !important;
}

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

/* Image previews / thumbnails */
body.dark-mode .img-thumbnail {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Tags Input */
body.dark-mode .bootstrap-tagsinput {
    background-color: var(--bg-input) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

body.dark-mode .bootstrap-tagsinput .tag {
    background-color: #4299e1 !important;
}

/* Select2 if used */
body.dark-mode .select2-container--default .select2-selection--single {
    background-color: var(--bg-input) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-primary) !important;
}

body.dark-mode .select2-dropdown {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .select2-results__option {
    color: var(--text-primary) !important;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-secondary) !important;
}

/* Additional Typography */
body.dark-mode .text-muted {
    color: var(--text-muted) !important;
}

body.dark-mode a:not(.btn) {
    color: #63b3ed;
}

body.dark-mode a:not(.btn):hover {
    color: #90cdf4;
}

/* Fix for specific widgets and components */
body.dark-mode .icon-circle {
    background-color: var(--bg-secondary) !important;
}

body.dark-mode .bg-grey {
    background-color: var(--bg-secondary) !important;
}

/* Ensure buttons maintain their colors */
body.dark-mode .btn-default {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .btn-default:hover {
    background-color: var(--bg-input) !important;
}

/* Table responsive wrapper */
body.dark-mode .table-responsive {
    border: 1px solid var(--border-color) !important;
}

/* Enhanced Text Visibility */
body.dark-mode,
body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th {
    color: var(--text-primary);
}

/* Dashboard specific - Recently Restored/Disabled lists */
body.dark-mode .list-group-item,
body.dark-mode .media-body,
body.dark-mode .media-heading {
    color: #f0f4f8 !important;
}

/* Links in tables and lists - make them more visible */
body.dark-mode table a,
body.dark-mode .list-group a,
body.dark-mode .card a:not(.btn) {
    color: #90cdf4 !important;
}

body.dark-mode table a:hover,
body.dark-mode .list-group a:hover,
body.dark-mode .card a:not(.btn):hover {
    color: #bee3f8 !important;
}

/* Dashboard stream status text */
body.dark-mode .info-box-text,
body.dark-mode .info-box-number {
    color: #f7fafc !important;
}

/* Chart legends and axis labels */
body.dark-mode text,
body.dark-mode .chart-legend,
body.dark-mode .ct-label {
    fill: #cbd5e0 !important;
    color: #cbd5e0 !important;
}

/* Time/Date stamps in lists */
body.dark-mode .timestamp,
body.dark-mode .date,
body.dark-mode .time,
body.dark-mode small,
body.dark-mode .small {
    color: #b8c7d6 !important;
}

/* Status indicators text */
body.dark-mode .status-text,
body.dark-mode .badge-text {
    color: #f7fafc !important;
}

/* Card titles and headers */
body.dark-mode .card-title,
body.dark-mode .panel-title,
body.dark-mode .box-title {
    color: #f7fafc !important;
}

/* Description and help text */
body.dark-mode .help-block,
body.dark-mode .description,
body.dark-mode .hint {
    color: #b8c7d6 !important;
}

/* Copyright and footer text */
body.dark-mode .copyright,
body.dark-mode .version,
body.dark-mode footer,
body.dark-mode .footer {
    color: #a0b4c8 !important;
}

/* Sidebar menu items - make more visible */
body.dark-mode .sidebar .menu .list li a {
    color: #d4e0ed !important;
}

body.dark-mode .sidebar .menu .list li a:hover {
    color: #ffffff !important;
}

body.dark-mode .sidebar .menu .list li.header {
    color: #8fa6bf !important;
}

/* All table text more visible */
body.dark-mode .table td,
body.dark-mode .table th,
body.dark-mode .dataTable td,
body.dark-mode .dataTable th {
    color: #e8eff7 !important;
}

/* Form labels */
body.dark-mode label,
body.dark-mode .control-label {
    color: #e2eaf3 !important;
}

/* Placeholder text */
body.dark-mode ::placeholder {
    color: #8fa6bf !important;
    opacity: 1;
}

body.dark-mode ::-webkit-input-placeholder {
    color: #8fa6bf !important;
}

body.dark-mode ::-moz-placeholder {
    color: #8fa6bf !important;
}

/* Input text */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    color: #f0f5fa !important;
}

/* Breadcrumb text */
body.dark-mode .breadcrumb > li,
body.dark-mode .breadcrumb > li > a,
body.dark-mode .breadcrumb > .active {
    color: #c5d4e3 !important;
}

body.dark-mode .breadcrumb > .active {
    color: #f0f5fa !important;
}

/* Alert text improvements */
body.dark-mode .alert {
    color: #f0f5fa !important;
}

/* Modal text */
body.dark-mode .modal-body,
body.dark-mode .modal-title {
    color: #d9e0e8 !important;
}

/* Dropdown items */
body.dark-mode .dropdown-menu > li > a {
    color: #d9e0e8 !important;
}

/* DataTables info and pagination */
body.dark-mode .dataTables_info,
body.dark-mode .dataTables_length label,
body.dark-mode .dataTables_filter label {
    color: #b8c4d0 !important;
}

/* Well and panel body text */
body.dark-mode .well,
body.dark-mode .panel-body {
    color: #d9e0e8 !important;
}

/* Dashboard widget text */
body.dark-mode .widget,
body.dark-mode .widget-content {
    color: #d9e0e8 !important;
}

/* ============================================
   GLOBAL TEXT OVERRIDE - BALANCED VISIBILITY
   ============================================ */

/* Force ALL text elements to be light (20% darker than pure white) */
body.dark-mode p,
body.dark-mode span,
body.dark-mode div,
body.dark-mode li,
body.dark-mode td,
body.dark-mode th,
body.dark-mode label,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode strong,
body.dark-mode b,
body.dark-mode small,
body.dark-mode .small {
    color: #d9e0e8 !important;
}

/* All links should be bright but slightly muted */
body.dark-mode a {
    color: #64b5f6 !important;
}

body.dark-mode a:hover {
    color: #90caf9 !important;
}

/* Dashboard list items - station names */
body.dark-mode .list-group-item,
body.dark-mode .list-group-item *,
body.dark-mode .media *,
body.dark-mode .media-body *,
body.dark-mode .media-heading,
body.dark-mode .list-group a {
    color: #d9e0e8 !important;
}

/* Table cells - force light text */
body.dark-mode table,
body.dark-mode table *,
body.dark-mode .table td,
body.dark-mode .table th,
body.dark-mode .table tr,
body.dark-mode .table a,
body.dark-mode .dataTable td,
body.dark-mode .dataTable th,
body.dark-mode .dataTable a {
    color: #d9e0e8 !important;
}

/* Sidebar - lighter text */
body.dark-mode .sidebar .menu .list li a,
body.dark-mode .sidebar .menu .list li a span,
body.dark-mode .sidebar .menu .list li a i {
    color: #b8c4d0 !important;
}

/* Preserve red color for pending alert icons */
body.dark-mode .sidebar .menu .list li a i.pending-alert {
    color: #f44336 !important;
}

body.dark-mode .sidebar .menu .list li a:hover,
body.dark-mode .sidebar .menu .list li a:hover span,
body.dark-mode .sidebar .menu .list li a:hover i:not(.pending-alert) {
    color: #e0e8f0 !important;
}

body.dark-mode .sidebar .menu .list li.active a,
body.dark-mode .sidebar .menu .list li.active a span {
    color: #e0e8f0 !important;
}

body.dark-mode .sidebar .menu .list li.header {
    color: #94a3b8 !important;
}

body.dark-mode .sidebar .legal .copyright,
body.dark-mode .sidebar .legal .version {
    color: #94a3b8 !important;
}

/* User info in sidebar */
body.dark-mode .sidebar .user-info .name,
body.dark-mode .sidebar .user-info .email,
body.dark-mode .sidebar .user-info * {
    color: #d9e0e8 !important;
}

/* Card headers and body text */
body.dark-mode .card .header h2,
body.dark-mode .card .header *,
body.dark-mode .card .body,
body.dark-mode .card .body * {
    color: #d9e0e8 !important;
}

/* Form elements */
body.dark-mode .form-control,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode option {
    color: #d9e0e8 !important;
}

body.dark-mode ::placeholder {
    color: #94a3b8 !important;
    opacity: 1 !important;
}

body.dark-mode ::-webkit-input-placeholder {
    color: #94a3b8 !important;
}

body.dark-mode ::-moz-placeholder {
    color: #94a3b8 !important;
}

/* Breadcrumb */
body.dark-mode .breadcrumb,
body.dark-mode .breadcrumb *,
body.dark-mode .breadcrumb a {
    color: #b8c4d0 !important;
}

/* Alerts - keep colored but readable */
body.dark-mode .alert,
body.dark-mode .alert * {
    color: #d9e0e8 !important;
}

/* Buttons - maintain their original text color */
body.dark-mode .btn-primary,
body.dark-mode .btn-success,
body.dark-mode .btn-info,
body.dark-mode .btn-warning,
body.dark-mode .btn-danger {
    color: #ffffff !important;
}

body.dark-mode .btn-default {
    color: #d9e0e8 !important;
}

/* Info boxes on dashboard */
body.dark-mode .info-box *,
body.dark-mode .info-box-content *,
body.dark-mode .info-box-text,
body.dark-mode .info-box-number {
    color: #d9e0e8 !important;
}

/* Charts - axis labels */
body.dark-mode .ct-label,
body.dark-mode .chartist text,
body.dark-mode svg text {
    fill: #b8c4d0 !important;
    color: #b8c4d0 !important;
}

/* Pagination */
body.dark-mode .pagination > li > a,
body.dark-mode .pagination > li > span,
body.dark-mode .paginate_button {
    color: #d9e0e8 !important;
}

/* Tooltip */
body.dark-mode .tooltip-inner {
    color: #d9e0e8 !important;
}

/* Badge and labels */
body.dark-mode .badge,
body.dark-mode .label {
    color: #ffffff !important;
}

/* Panel */
body.dark-mode .panel-title,
body.dark-mode .panel-heading * {
    color: #d9e0e8 !important;
}

/* Help text */
body.dark-mode .help-block {
    color: #94a3b8 !important;
}

/* Dropdown select */
body.dark-mode .bootstrap-select .dropdown-toggle,
body.dark-mode .bootstrap-select .dropdown-menu li a {
    color: #d9e0e8 !important;
}

/* Tab text */
body.dark-mode .nav-tabs > li > a,
body.dark-mode .nav-pills > li > a {
    color: #b8c4d0 !important;
}

body.dark-mode .nav-tabs > li.active > a,
body.dark-mode .nav-pills > li.active > a {
    color: #d9e0e8 !important;
}

/* ============================================
   SETTINGS WEB PANEL - DARK MODE
   ============================================ */

/* Settings Panel Container */
body.dark-mode .setting-panel {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

/* Settings Panel Sidebar */
body.dark-mode .setting-panel__sidebar {
    background: var(--bg-secondary) !important;
    border-right-color: var(--border-color) !important;
}

body.dark-mode .setting-panel__sidebar .nav-link {
    color: #b8c4d0 !important;
    border-left-color: transparent !important;
}

body.dark-mode .setting-panel__sidebar .nav-link:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #d9e0e8 !important;
}

body.dark-mode .setting-panel__sidebar .nav-link.active {
    background: var(--bg-card) !important;
    color: #64b5f6 !important;
    border-left-color: #64b5f6 !important;
}

body.dark-mode .setting-panel__sidebar .nav-link .material-icons {
    color: inherit !important;
}

/* Settings Panel Content */
body.dark-mode .setting-panel__content {
    background: var(--bg-card) !important;
}

body.dark-mode .setting-panel__content h4 {
    color: #d9e0e8 !important;
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .setting-panel__content label {
    color: #b8c4d0 !important;
}

body.dark-mode .setting-panel__content .form-control {
    background-color: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: #d9e0e8 !important;
}

body.dark-mode .setting-panel__content .form-control:focus {
    border-color: #64b5f6 !important;
    box-shadow: 0 0 0 2px rgba(100, 181, 246, 0.15) !important;
}

body.dark-mode .setting-panel__content .hint_lbl {
    color: #94a3b8 !important;
}

body.dark-mode .setting-panel__content p {
    color: #94a3b8 !important;
}

/* Feature Toggle Items */
body.dark-mode .feature-item {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .feature-item:hover {
    border-color: #64b5f6 !important;
    box-shadow: 0 2px 8px rgba(100, 181, 246, 0.15) !important;
}

body.dark-mode .feature-details h5 {
    color: #d9e0e8 !important;
}

body.dark-mode .feature-details p {
    color: #94a3b8 !important;
}

/* File Upload Preview */
body.dark-mode .fileupload_img img {
    border-color: var(--border-color) !important;
    background: var(--bg-secondary) !important;
}

/* ============================================
   SUMMERNOTE EDITOR - DARK MODE
   ============================================ */

body.dark-mode .note-editor.note-frame {
    border-color: var(--border-color) !important;
}

body.dark-mode .note-editor .note-toolbar {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .note-editor .note-toolbar .note-btn {
    background-color: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

body.dark-mode .note-editor .note-toolbar .note-btn:hover {
    background-color: #3d4a5c !important;
    color: #d9e0e8 !important;
}

body.dark-mode .note-editor .note-toolbar .note-btn.active {
    background-color: #64b5f6 !important;
    color: #ffffff !important;
}

/* Clear All Formatting button in dark mode */
body.dark-mode .note-editor .note-toolbar .btn-clearAll,
body.dark-mode .note-editor .note-toolbar [data-name="clearAll"] {
    background-color: #4a3f2a !important;
    border-color: #6b5a3a !important;
    color: #f0d080 !important;
}

body.dark-mode .note-editor .note-toolbar .btn-clearAll:hover,
body.dark-mode .note-editor .note-toolbar [data-name="clearAll"]:hover {
    background-color: #6b5a3a !important;
    color: #fff3cd !important;
}

body.dark-mode .note-editor .note-editing-area {
    border-color: var(--border-color) !important;
}

body.dark-mode .note-editor .note-editing-area .note-editable {
    background-color: var(--bg-input) !important;
    color: #d9e0e8 !important;
}

body.dark-mode .note-editor .note-editing-area .note-editable p,
body.dark-mode .note-editor .note-editing-area .note-editable span,
body.dark-mode .note-editor .note-editing-area .note-editable div {
    color: #d9e0e8 !important;
}

body.dark-mode .note-editor .note-statusbar {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Summernote Dropdowns */
body.dark-mode .note-editor .dropdown-menu {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .note-editor .dropdown-menu > li > a {
    color: #d9e0e8 !important;
}

body.dark-mode .note-editor .dropdown-menu > li > a:hover {
    background-color: var(--bg-secondary) !important;
}

body.dark-mode .note-editor .note-color-palette .note-color-btn {
    border-color: var(--border-color) !important;
}

/* Summernote Modal */
body.dark-mode .note-modal .modal-content {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .note-modal .modal-header {
    background-color: var(--bg-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .note-modal .modal-header .modal-title {
    color: #d9e0e8 !important;
}

body.dark-mode .note-modal .modal-body {
    color: #d9e0e8 !important;
}

body.dark-mode .note-modal .modal-body .form-control {
    background-color: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: #d9e0e8 !important;
}

body.dark-mode .note-modal .modal-footer {
    border-top-color: var(--border-color) !important;
}

/* Summernote Placeholder */
body.dark-mode .note-editor .note-placeholder {
    color: #94a3b8 !important;
}

/* Summernote Link Popover */
body.dark-mode .note-popover .popover-content {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .note-popover .popover-content .note-btn {
    background-color: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

/* Switch/Toggle in dark mode */
body.dark-mode .switch label .lever {
    background-color: #4a5568 !important;
}

body.dark-mode .switch label .lever:after {
    background-color: #718096 !important;
}

body.dark-mode .switch label input[type=checkbox]:checked + .lever {
    background-color: rgba(100, 181, 246, 0.5) !important;
}

body.dark-mode .switch label input[type=checkbox]:checked + .lever:after {
    background-color: #64b5f6 !important;
}

/* ============================================
   STREAM MONITOR PAGE - DARK MODE
   ============================================ */

/* Stat Boxes (Last Check Results) */
body.dark-mode .stat-box {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

body.dark-mode .stat-box .stat-number {
    color: #d9e0e8 !important;
}

body.dark-mode .stat-box .stat-label {
    color: #94a3b8 !important;
}

/* URL Copy Wrapper */
body.dark-mode .url-copy-wrapper {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .url-copy-wrapper:hover {
    background: #2a3a4d !important;
    border-color: #64b5f6 !important;
}

body.dark-mode .url-copy-wrapper .url-text {
    color: #b8c4d0 !important;
}

body.dark-mode .url-copy-wrapper .copy-icon {
    color: #94a3b8 !important;
}

body.dark-mode .url-copy-wrapper:hover .copy-icon {
    color: #64b5f6 !important;
}

/* Active Hours Box */
body.dark-mode .alert-default,
body.dark-mode [style*="background: #f5f5f5"],
body.dark-mode [style*="background:#f5f5f5"] {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Cron Status Table */
body.dark-mode .alert table {
    color: inherit !important;
}

body.dark-mode .alert table td {
    color: inherit !important;
}

/* Code elements in alerts */
body.dark-mode .alert code,
body.dark-mode code {
    background: rgba(100, 181, 246, 0.15) !important;
    color: #90caf9 !important;
    border: none !important;
}

/* Pre elements (debug log) */
body.dark-mode pre {
    background: var(--bg-secondary) !important;
    color: #b8c4d0 !important;
    border: 1px solid var(--border-color) !important;
}

/* Warning boxes with rgba backgrounds */
body.dark-mode [style*="background: rgba(255,152,0,0.2)"],
body.dark-mode [style*="background:rgba(255,152,0,0.2)"] {
    background: rgba(255, 152, 0, 0.15) !important;
}

body.dark-mode [style*="background: rgba(255,255,255,0.2)"],
body.dark-mode [style*="background:rgba(255,255,255,0.2)"] {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Debug Log Pre Element - override inline style */
body.dark-mode pre[style*="background: #f5f5f5"],
body.dark-mode pre[style*="background:#f5f5f5"],
body.dark-mode .alert pre,
body.dark-mode .alert-info pre {
    background: #1e2a3a !important;
    color: #b8c4d0 !important;
    border: 1px solid #2d3a4d !important;
}

/* All pre elements in dark mode */
body.dark-mode pre {
    background: #1e2a3a !important;
    color: #b8c4d0 !important;
    border: 1px solid #2d3a4d !important;
}

/* Help info text */
body.dark-mode .help-info {
    color: #94a3b8 !important;
}

/* Form line borders */
body.dark-mode .form-line {
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .form-line.focused {
    border-bottom-color: #64b5f6 !important;
}

/* Select dropdowns in forms */
body.dark-mode select.form-control {
    background-color: var(--bg-input) !important;
    color: #d9e0e8 !important;
    border-color: var(--border-color) !important;
}

body.dark-mode select.form-control option {
    background-color: var(--bg-card) !important;
    color: #d9e0e8 !important;
}

/* Checkbox labels */
body.dark-mode .filled-in + label,
body.dark-mode [type="checkbox"] + label {
    color: #d9e0e8 !important;
}

/* HR dividers */
body.dark-mode hr {
    border-top-color: var(--border-color) !important;
}

/* Alert backgrounds - ensure text is readable */
body.dark-mode .alert-success {
    background-color: rgba(76, 175, 80, 0.15) !important;
    border-color: rgba(76, 175, 80, 0.3) !important;
    color: #81c784 !important;
}

body.dark-mode .alert-warning {
    background-color: rgba(255, 152, 0, 0.15) !important;
    border-color: rgba(255, 152, 0, 0.3) !important;
    color: #ffb74d !important;
}

body.dark-mode .alert-danger {
    background-color: rgba(244, 67, 54, 0.15) !important;
    border-color: rgba(244, 67, 54, 0.3) !important;
    color: #ef9a9a !important;
}

body.dark-mode .alert-info {
    background-color: rgba(33, 150, 243, 0.15) !important;
    border-color: rgba(33, 150, 243, 0.3) !important;
    color: #90caf9 !important;
}

/* Alert text elements */
body.dark-mode .alert strong,
body.dark-mode .alert p,
body.dark-mode .alert span,
body.dark-mode .alert small,
body.dark-mode .alert div {
    color: inherit !important;
}

body.dark-mode .alert a {
    color: #64b5f6 !important;
}

/* Last run info in success alert */
body.dark-mode .alert-success span[style*="color: #666"],
body.dark-mode [style*="color: #666"] {
    color: #94a3b8 !important;
}

/* Test Stream Results */
body.dark-mode #test_result .alert h4 {
    color: inherit !important;
}

body.dark-mode #test_result .alert hr {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode #test_result code {
    background: rgba(100, 181, 246, 0.2) !important;
    color: #90caf9 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
}

/* Activity Log table */
body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

body.dark-mode .table-hover > tbody > tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Text muted in tables */
body.dark-mode .table .text-muted,
body.dark-mode small.text-muted {
    color: #94a3b8 !important;
}

/* Card headers with background colors */
body.dark-mode .card .header.bg-orange h2,
body.dark-mode .card .header.bg-blue h2,
body.dark-mode .card .header.bg-teal h2,
body.dark-mode .card .header.bg-green h2,
body.dark-mode .card .header.bg-red h2 {
    color: #ffffff !important;
}

/* Status flow explanation */
body.dark-mode .alert-info [style*="color: #666"] {
    color: #94a3b8 !important;
}

/* ============================================
   RADIO.PHP - PAGINATION & TABLE DARK MODE
   ============================================ */

/* Pagination Wrapper */
body.dark-mode .pagination-wrapper {
    background: transparent !important;
}

/* Per-page Selector Buttons */
body.dark-mode .perpage-selector .btn-default {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

body.dark-mode .perpage-selector .btn-default:hover {
    background: #2a3a4d !important;
    border-color: #3d4f66 !important;
    color: #d9e0e8 !important;
}

body.dark-mode .perpage-selector .btn.bg-blue {
    background: #1976d2 !important;
    color: #ffffff !important;
}

body.dark-mode .perpage-selector span[style*="color: #999"] {
    color: #94a3b8 !important;
}

/* Pagination Controls */
body.dark-mode .pagination-controls span[style*="color: #999"] {
    color: #94a3b8 !important;
}

body.dark-mode .pagination > li > a,
body.dark-mode .pagination > li > span {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

body.dark-mode .pagination > li > a:hover {
    background-color: #2a3a4d !important;
    border-color: #3d4f66 !important;
    color: #d9e0e8 !important;
}

body.dark-mode .pagination > li.active > a,
body.dark-mode .pagination > li.active > span {
    background-color: #1976d2 !important;
    border-color: #1976d2 !important;
    color: #ffffff !important;
}

body.dark-mode .pagination > li.disabled > a,
body.dark-mode .pagination > li.disabled > span {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-color) !important;
    color: #4a5568 !important;
}

/* Custom pagination buttons (like nav-btn) */
body.dark-mode .nav-btn,
body.dark-mode .pagination-btn {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

body.dark-mode .nav-btn:hover:not(:disabled),
body.dark-mode .pagination-btn:hover:not(:disabled) {
    background: #2a3a4d !important;
    color: #d9e0e8 !important;
}

body.dark-mode .nav-btn:disabled,
body.dark-mode .pagination-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* Page info text */
body.dark-mode .page-info,
body.dark-mode [class*="page-info"] {
    color: #b8c4d0 !important;
}

/* URL Copy Wrapper in tables */
body.dark-mode .url-copy-wrapper {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .url-copy-wrapper:hover {
    background: #2a3a4d !important;
    border-color: #64b5f6 !important;
}

body.dark-mode .url-copy-wrapper .url-text {
    color: #b8c4d0 !important;
}

body.dark-mode .url-copy-wrapper.disabled .url-text {
    color: #6b7280 !important;
}

body.dark-mode .url-copy-wrapper .copy-icon {
    color: #94a3b8 !important;
}

body.dark-mode .url-copy-wrapper:hover .copy-icon {
    color: #64b5f6 !important;
}

/* Column visibility dropdown */
body.dark-mode #columnVisibilityDropdown,
body.dark-mode #deletedColumnVisibilityDropdown,
body.dark-mode .dropdown-menu {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .dropdown-menu li {
    color: #d9e0e8 !important;
}

body.dark-mode .dropdown-menu li[style*="border-bottom"] {
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .dropdown-menu li[style*="color: #666"],
body.dark-mode .dropdown-menu li[style*="color:#666"] {
    color: #b8c4d0 !important;
}

/* Column visibility dropdown labels - must override inline styles */
body.dark-mode #columnVisibilityDropdown li,
body.dark-mode #deletedColumnVisibilityDropdown li {
    color: #d9e0e8 !important;
}

body.dark-mode #columnVisibilityDropdown li label,
body.dark-mode #deletedColumnVisibilityDropdown li label,
body.dark-mode .dropdown-menu li label {
    color: #d9e0e8 !important;
}

/* Column visibility header styling */
.column-visibility-header {
    color: #666;
}

body.dark-mode .column-visibility-header {
    color: #b8c4d0 !important;
    border-bottom-color: #3d4f66 !important;
}

body.dark-mode #columnVisibilityDropdown li:first-child,
body.dark-mode #deletedColumnVisibilityDropdown li:first-child {
    color: #b8c4d0 !important;
    border-bottom-color: #3d4f66 !important;
}

/* Total count text */
body.dark-mode span[style*="color: #999"] {
    color: #94a3b8 !important;
}

/* Show: label text */
body.dark-mode span[style*="color: #666"] {
    color: #94a3b8 !important;
}

/* Pager / Pagination specific styles (from pagination function) */
body.dark-mode .pager {
    background: transparent !important;
}

body.dark-mode .pager li > a {
    background: transparent !important;
    border: none !important;
}

body.dark-mode .pager li.disabled a {
    opacity: 0.5 !important;
}

/* Button styles used in pagination */
body.dark-mode .button,
body.dark-mode .button-rounded {
    background-color: #1976d2 !important;
    color: #ffffff !important;
}

body.dark-mode .button-grey,
body.dark-mode .button-grey.button-rounded {
    background-color: var(--bg-secondary) !important;
    color: #6b7280 !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .padding-pagination {
    color: #b8c4d0 !important;
}

body.dark-mode .pager .disabled .padding-pagination {
    color: #6b7280 !important;
}

/* Bootstrap Pager Component - Dark Mode */
body.dark-mode .pager li > a,
body.dark-mode .pager li > span {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    color: #b8c4d0 !important;
}

body.dark-mode .pager li > a:hover,
body.dark-mode .pager li > a:focus {
    background-color: #2a3a4d !important;
    border-color: #3d4f66 !important;
    color: #d9e0e8 !important;
}

body.dark-mode .pager .disabled > a,
body.dark-mode .pager .disabled > a:hover,
body.dark-mode .pager .disabled > a:focus,
body.dark-mode .pager .disabled > span {
    background-color: var(--bg-primary) !important;
    border-color: var(--border-color) !important;
    color: #4a5568 !important;
    opacity: 0.6 !important;
}

/* ============================================
   SUBMISSIONS.PHP - DARK MODE
   ============================================ */

/* Status Summary Box */
body.dark-mode .status-summary {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .status-badge {
    color: #b8c4d0 !important;
}

body.dark-mode .status-badge strong {
    color: #d9e0e8 !important;
}

/* Empty state text */
body.dark-mode p[style*="color: #999"],
body.dark-mode [style*="color:#999"] {
    color: #94a3b8 !important;
}

/* Empty state icon */
body.dark-mode .material-icons[style*="color: #eee"] {
    color: #4a5568 !important;
}

/* ============================================
   GENERATE-SLUGS.PHP - DARK MODE
   ============================================ */

/* Code elements - override inline styles */
body.dark-mode code {
    background: rgba(100, 181, 246, 0.15) !important;
    color: #90caf9 !important;
    border: none !important;
}

/* Toggle switch - status off state */
body.dark-mode .status-off {
    background-color: #4a5568 !important;
    color: #b8c4d0 !important;
}

/* Toggle label */
body.dark-mode .toggle-label {
    color: #d9e0e8 !important;
}

/* Slider background when off */
body.dark-mode .slider {
    background-color: #4a5568 !important;
}

body.dark-mode input:checked + .slider {
    background-color: #4caf50 !important;
}

/* ============================================
   DUPLICATE-CHECKER.PHP - DARK MODE
   ============================================ */

/* Progress Section Box */
body.dark-mode #duplicateProgress,
body.dark-mode [id="duplicateProgress"] {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

/* Progress bar container */
body.dark-mode .progress {
    background-color: #1e2a3a !important;
}

/* Counter labels */
body.dark-mode #duplicateProgress [style*="color: #666"],
body.dark-mode #duplicateProgress div[style*="color: #666"] {
    color: #94a3b8 !important;
}

/* Info text color */
body.dark-mode p[style*="color: #666"],
body.dark-mode [style*="color:#666"] {
    color: #94a3b8 !important;
}

/* ============================================
   CLEANUP.PHP - DARK MODE
   ============================================ */

/* Stats row borders and text */
body.dark-mode .stats-row div[style*="border-bottom: 1px solid #eee"] {
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .stats-row span[style*="color: #666"] {
    color: #94a3b8 !important;
}

/* Cleanup action card text */
body.dark-mode h4[style*="color: #333"] {
    color: #d9e0e8 !important;
}

/* Unused files list */
body.dark-mode .unused-files-list {
    border-color: var(--border-color) !important;
}

body.dark-mode .unused-files-list tr[style*="background: #f9f9f9"] {
    background: var(--bg-secondary) !important;
}

body.dark-mode .unused-files-list th {
    background: var(--bg-secondary) !important;
    color: #d9e0e8 !important;
}

body.dark-mode .unused-files-list td {
    border-color: var(--border-color) !important;
}

body.dark-mode .unused-files-list td[style*="color: #999"] {
    color: #94a3b8 !important;
}

/* Scrollbar for dark mode */
body.dark-mode .unused-files-list::-webkit-scrollbar-track {
    background: var(--bg-secondary) !important;
}

body.dark-mode .unused-files-list::-webkit-scrollbar-thumb {
    background: #4a5568 !important;
}

/* ============================================
   LOGIN PAGE - DARK MODE
   ============================================ */

/* Override CSS variables for login page */
body.dark-mode.login-page {
    --main-color: #1a1a2e !important;
    --second-color: #16213e !important;
    background-color: #1a1a2e !important;
}

html.dark-mode body.login-page {
    --main-color: #1a1a2e !important;
    --second-color: #16213e !important;
    background-color: #1a1a2e !important;
}

body.dark-mode.login-page .login-box .card,
body.dark-mode.login-page .login-box .card.corner-radius {
    background-color: #1f2940 !important;
    border: 1px solid #2d3748 !important;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode.login-page .login-box .card .body,
body.dark-mode.login-page .login-box .card.corner-radius .body {
    background-color: #1f2940 !important;
}

body.dark-mode.login-page .login-box .uppercase {
    color: #d9e0e8 !important;
}

body.dark-mode.login-page .input-group-addon {
    background-color: #16213e !important;
    border-color: #2d3748 !important;
    color: #94a3b8 !important;
}

body.dark-mode.login-page .input-group-addon .material-icons,
body.dark-mode.login-page .input-group-addon i {
    color: #94a3b8 !important;
}

body.dark-mode.login-page .form-line {
    border-bottom-color: #2d3748 !important;
}

body.dark-mode.login-page .form-line .form-control,
body.dark-mode.login-page .form-control,
body.dark-mode.login-page input.form-control {
    background-color: #2d3748 !important;
    color: #d9e0e8 !important;
    border-color: #2d3748 !important;
}

body.dark-mode.login-page .form-line .form-control::placeholder,
body.dark-mode.login-page .form-control::placeholder,
body.dark-mode.login-page input::placeholder {
    color: #6b7280 !important;
}

body.dark-mode.login-page .form-line.focused {
    border-bottom-color: #64b5f6 !important;
}

body.dark-mode.login-page .button,
body.dark-mode.login-page .button.button-rounded {
    background-color: #1976d2 !important;
    color: #ffffff !important;
}

body.dark-mode.login-page .button:hover,
body.dark-mode.login-page .button.button-rounded:hover {
    background-color: #1565c0 !important;
}

/* Input group wrapper */
body.dark-mode.login-page .input-group {
    background-color: transparent !important;
}

body.dark-mode.login-page .input-group .form-line {
    background-color: #2d3748 !important;
}

/* ============================================
   DASHBOARD INFO BOXES - DARK MODE
   ============================================ */

/* Green Info Box - Healthy */
body.dark-mode .bg-light-green {
    background: linear-gradient(135deg, #1a3d2e 0%, #234d3a 100%) !important;
    color: #a8e6cf !important;
    border-left: 5px solid #4caf50 !important;
}

body.dark-mode .bg-light-green .icon {
    background: linear-gradient(135deg, #2e7d32 0%, #43a047 100%) !important;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3) !important;
}

body.dark-mode .bg-light-green .stat-label,
body.dark-mode .bg-light-green .stat-number,
body.dark-mode .bg-light-green .stat-percentage {
    color: #a8e6cf !important;
}

body.dark-mode .bg-light-green .stat-number {
    color: #81c784 !important;
}

/* Orange Info Box - Inactive */
body.dark-mode .bg-light-orange {
    background: linear-gradient(135deg, #3d2e1a 0%, #4d3a23 100%) !important;
    color: #ffe0b2 !important;
    border-left: 5px solid #ff9800 !important;
}

body.dark-mode .bg-light-orange .icon {
    background: linear-gradient(135deg, #ef6c00 0%, #ff9800 100%) !important;
    box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3) !important;
}

body.dark-mode .bg-light-orange .stat-label,
body.dark-mode .bg-light-orange .stat-number,
body.dark-mode .bg-light-orange .stat-percentage {
    color: #ffe0b2 !important;
}

body.dark-mode .bg-light-orange .stat-number {
    color: #ffb74d !important;
}

/* Red Info Box - Disabled */
body.dark-mode .bg-light-red {
    background: linear-gradient(135deg, #3d1a1a 0%, #4d2323 100%) !important;
    color: #ffcdd2 !important;
    border-left: 5px solid #f44336 !important;
}

body.dark-mode .bg-light-red .icon {
    background: linear-gradient(135deg, #c62828 0%, #e53935 100%) !important;
    box-shadow: 0 4px 12px rgba(244, 67, 54, 0.3) !important;
}

body.dark-mode .bg-light-red .stat-label,
body.dark-mode .bg-light-red .stat-number,
body.dark-mode .bg-light-red .stat-percentage {
    color: #ffcdd2 !important;
}

body.dark-mode .bg-light-red .stat-number {
    color: #ef9a9a !important;
}

/* Blue Info Box - Total */
body.dark-mode .bg-light-blue {
    background: linear-gradient(135deg, #1a2d3d 0%, #23394d 100%) !important;
    color: #bbdefb !important;
    border-left: 5px solid #2196f3 !important;
}

body.dark-mode .bg-light-blue .icon {
    background: linear-gradient(135deg, #1565c0 0%, #1e88e5 100%) !important;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.3) !important;
}

body.dark-mode .bg-light-blue .stat-label,
body.dark-mode .bg-light-blue .stat-number,
body.dark-mode .bg-light-blue .stat-percentage {
    color: #bbdefb !important;
}

body.dark-mode .bg-light-blue .stat-number {
    color: #90caf9 !important;
}

/* Info box icon text always white */
body.dark-mode .info-box .icon i {
    color: #ffffff !important;
}

/* ============================================
   STREAM STATUS TRENDS FILTER BUTTONS - DARK MODE
   ============================================ */

body.dark-mode .graph-filters .btn-group {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .filter-btn {
    background-color: var(--bg-secondary) !important;
    color: #94a3b8 !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .filter-btn:hover {
    background-color: #2d3a4d !important;
    color: #d9e0e8 !important;
}

body.dark-mode .filter-btn.active {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
}

body.dark-mode .nav-btn {
    background: var(--bg-secondary) !important;
    color: #94a3b8 !important;
    border-color: var(--border-color) !important;
}

body.dark-mode .nav-btn:hover:not(:disabled) {
    background: #2d3a4d !important;
    color: #d9e0e8 !important;
}

body.dark-mode .nav-btn:disabled {
    opacity: 0.3 !important;
}

/* Stream Status Trends title */
body.dark-mode .card .body h2 {
    color: #d9e0e8 !important;
}

/* Recent list styling for dark mode */
body.dark-mode .recent-list li {
    border-bottom-color: var(--border-color) !important;
}

body.dark-mode .recent-list .name {
    color: #d9e0e8 !important;
}

body.dark-mode .recent-list .time {
    color: #94a3b8 !important;
}

/* HR divider in dark mode */
body.dark-mode hr {
    border-top-color: var(--border-color) !important;
}

/* Chart tooltip dark mode */
body.dark-mode .chartjs-tooltip {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}