/* MISWIMS Dark Mode */
body.dark-mode {
  background-color: #1a1c23 !important;
  color: #d1d3e2 !important;
}
body.dark-mode #wrapper { background: #1a1c23; }
body.dark-mode #content-wrapper { background: #1a1c23; }
body.dark-mode #content { background: #1a1c23; }

/* Sidebar */
body.dark-mode .sidebar { background: #111318 !important; }
body.dark-mode .sidebar .nav-item .nav-link { color: #b7b9cc; }
body.dark-mode .sidebar .nav-item .nav-link:hover { color: #fff; }
body.dark-mode .sidebar .nav-item.active .nav-link { color: #fff; }
body.dark-mode .sidebar .sidebar-heading { color: #6c757d; }
body.dark-mode .sidebar .collapse-inner { background: #23262d; border-color: #333; }
body.dark-mode .sidebar .collapse-inner .collapse-item { color: #b7b9cc; }
body.dark-mode .sidebar .collapse-inner .collapse-item:hover { background: #2c2f38; color: #fff; }
body.dark-mode .sidebar hr.sidebar-divider { border-color: #333; }

/* Topbar */
body.dark-mode .topbar { background: #23262d !important; }
body.dark-mode .topbar .nav-link { color: #b7b9cc !important; }
body.dark-mode .topbar .text-white { color: #d1d3e2 !important; }
body.dark-mode .topbar-divider { border-color: #444; }
body.dark-mode .dropdown-menu { background: #23262d; border-color: #444; }
body.dark-mode .dropdown-item { color: #d1d3e2; }
body.dark-mode .dropdown-item:hover { background: #2c2f38; color: #fff; }
body.dark-mode .dropdown-divider { border-color: #444; }

/* Cards */
body.dark-mode .card { background: #23262d; border-color: #333; }
body.dark-mode .card-header { background: #2c2f38; border-color: #333; }
body.dark-mode .card-body { color: #d1d3e2; }

/* Tables */
body.dark-mode .table { color: #d1d3e2; }
body.dark-mode .table-bordered { border-color: #444; }
body.dark-mode .table-bordered th,
body.dark-mode .table-bordered td { border-color: #444; }
body.dark-mode .table thead th { border-color: #444; background: #2c2f38; color: #d1d3e2; }
body.dark-mode .table-active,
body.dark-mode .table-active > th,
body.dark-mode .table-active > td { background: #2c2f38; }
body.dark-mode .table-secondary,
body.dark-mode .table-secondary > th,
body.dark-mode .table-secondary > td { background: #1e2028; color: #999; }
body.dark-mode .table-hover tbody tr:hover { background: #2c2f38; color: #fff; }

/* Forms */
body.dark-mode .form-control { background: #2c2f38; border-color: #444; color: #d1d3e2; }
body.dark-mode .form-control:focus { background: #333; border-color: #4e73df; color: #fff; }
body.dark-mode select.form-control { background: #2c2f38; color: #d1d3e2; }

/* Text overrides */
body.dark-mode .text-gray-800 { color: #d1d3e2 !important; }
body.dark-mode .text-gray-600 { color: #b7b9cc !important; }
body.dark-mode .text-gray-400 { color: #858796 !important; }
body.dark-mode .text-gray-300 { color: #6c757d !important; }
body.dark-mode .text-muted { color: #858796 !important; }
body.dark-mode a { color: #6ea8fe; }
body.dark-mode a:hover { color: #9ec5fe; }

/* Headings */
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: #d1d3e2; }

/* Alerts */
body.dark-mode .alert-light { background: #2c2f38; border-color: #444; color: #d1d3e2; }
body.dark-mode .alert-warning { background: #332d1d; border-color: #5a4a1e; color: #f6c23e; }

/* Footer */
body.dark-mode .sticky-footer { background: #1a1c23 !important; }
body.dark-mode .sticky-footer span { color: #858796; }

/* Progress bars */
body.dark-mode .progress { background: #333; }

/* Badges - keep their colors */
body.dark-mode .badge { opacity: 0.95; }

/* Modals / SweetAlert */
body.dark-mode .swal2-popup { background: #23262d !important; color: #d1d3e2 !important; }
body.dark-mode .swal2-title { color: #d1d3e2 !important; }
body.dark-mode .swal2-html-container { color: #b7b9cc !important; }
body.dark-mode .swal2-input,
body.dark-mode .swal2-textarea,
body.dark-mode .swal2-select { background: #2c2f38 !important; border-color: #444 !important; color: #d1d3e2 !important; }
body.dark-mode .swal2-validation-message { background: #332d1d; color: #f6c23e; }

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar { width: 8px; }
body.dark-mode ::-webkit-scrollbar-track { background: #1a1c23; }
body.dark-mode ::-webkit-scrollbar-thumb { background: #444; border-radius: 4px; }
body.dark-mode ::-webkit-scrollbar-thumb:hover { background: #555; }

/* Border overrides */
body.dark-mode .border { border-color: #444 !important; }
body.dark-mode .shadow { box-shadow: 0 .15rem 1.75rem 0 rgba(0,0,0,.4) !important; }

/* Dark mode toggle button */
#darkModeToggle { cursor: pointer; font-size: 1.1rem; padding: 0 10px; line-height: 1; }
#darkModeToggle i { transition: transform 0.3s; }
body.dark-mode #darkModeToggle i { transform: rotate(180deg); }