/* ============================================================ */
/* TRACKMYSQUAD HIGH-CONTRAST DARK THEME STYLESHEET             */
/* ============================================================ */

/* 1. Global Background & Layout */
body.dark-mode,
html.dark-mode,
body.dark-mode #pcoded,
body.dark-mode .pcoded,
body.dark-mode .pcoded-container,
body.dark-mode .pcoded-main-container,
body.dark-mode .pcoded-wrapper,
body.dark-mode .pcoded-content,
body.dark-mode .pcoded-inner-content,
body.dark-mode .main-body,
body.dark-mode .page-wrapper,
body.dark-mode .page-body {
  background-color: #0b1329 !important;
  color: #e2e8f0 !important;
}

/* 2. Top Header Navigation Bar */
body.dark-mode .pcoded-header {
  background-color: #0f172a !important;
  border-bottom: 1px solid #1e293b !important;
}

body.dark-mode .pcoded-header .navbar-logo {
  background-color: #0f172a !important;
}

body.dark-mode .pcoded-header a,
body.dark-mode .pcoded-header span,
body.dark-mode .pcoded-header i,
body.dark-mode .pcoded-header .text-dark {
  color: #f8fafc !important;
}

/* 3. Complete Left Sidebar Dark Overrides (Fixes White Sidebar) */
body.dark-mode .pcoded-navbar,
body.dark-mode .pcoded-navbar[navbar-theme],
body.dark-mode .pcoded-navbar[navbar-theme="theme1"],
body.dark-mode .pcoded-inner-navbar,
body.dark-mode .main-menu,
body.dark-mode .main-menu-content,
body.dark-mode .pcoded-item,
body.dark-mode .pcoded-left-item {
  background-color: #0f172a !important;
  border-right: 1px solid #1e293b !important;
  box-shadow: none !important;
}

/* Sidebar Profile Box Header */
body.dark-mode .main-menu-header {
  background: #131d36 !important;
  background-image: none !important;
  border-bottom: 1px solid #1e293b !important;
}

body.dark-mode .main-menu-header .user-details,
body.dark-mode .main-menu-header .user-details span,
body.dark-mode .main-menu-header #more-details {
  color: #f8fafc !important;
}

/* Sidebar Section Headers (e.g. WORK MANAGEMENT, WORKSPACE SETTINGS) */
body.dark-mode .pcoded-navbar .pcoded-navigation-label {
  background-color: transparent !important;
  color: #64748b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Sidebar Normal Menu Links */
body.dark-mode .pcoded-navbar .pcoded-item > li > a {
  background-color: transparent !important;
  color: #94a3b8 !important;
}

body.dark-mode .pcoded-navbar .pcoded-item > li > a .pcoded-micon,
body.dark-mode .pcoded-navbar .pcoded-item > li > a .pcoded-mtext,
body.dark-mode .pcoded-navbar .pcoded-item > li > a i {
  color: #94a3b8 !important;
}

/* Sidebar Active / Hovered Menu Links */
body.dark-mode .pcoded-navbar .pcoded-item > li:hover > a,
body.dark-mode .pcoded-navbar .pcoded-item > li.active > a,
body.dark-mode .pcoded-navbar .pcoded-item > li.pcoded-trigger > a {
  background-color: #1e293b !important;
  color: #ff6e40 !important;
  border-radius: 6px !important;
}

body.dark-mode .pcoded-navbar .pcoded-item > li:hover > a .pcoded-micon,
body.dark-mode .pcoded-navbar .pcoded-item > li:hover > a .pcoded-mtext,
body.dark-mode .pcoded-navbar .pcoded-item > li:hover > a i,
body.dark-mode .pcoded-navbar .pcoded-item > li.active > a .pcoded-micon,
body.dark-mode .pcoded-navbar .pcoded-item > li.active > a .pcoded-mtext,
body.dark-mode .pcoded-navbar .pcoded-item > li.active > a i {
  color: #ff6e40 !important;
}

/* 4. Page Header Banner (Dashboard Top Banner) */
body.dark-mode .page-header {
  background: #131d36 !important;
  background-image: none !important;
  border: 1px solid #1e293b !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 24px !important;
}

body.dark-mode .page-header-title h5 {
  color: #ffffff !important;
  font-weight: 700 !important;
}

body.dark-mode .page-header-title p {
  color: #94a3b8 !important;
}

body.dark-mode .breadcrumb-item,
body.dark-mode .breadcrumb-item a {
  color: #64748b !important;
}

body.dark-mode .breadcrumb-item.active {
  color: #cbd5e1 !important;
}

/* 5. Cards & Containers */
body.dark-mode .card {
  background-color: #131d36 !important;
  border: 1px solid #1e293b !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  color: #e2e8f0 !important;
}

body.dark-mode .card-header {
  background-color: #131d36 !important;
  border-bottom: 1px solid #1e293b !important;
}

body.dark-mode .card-header h5,
body.dark-mode .card-header h4,
body.dark-mode .card-header h6 {
  color: #f8fafc !important;
  font-weight: 700 !important;
}

body.dark-mode .card-block,
body.dark-mode .card-body {
  background-color: #131d36 !important;
  color: #cbd5e1 !important;
}

/* 6. Deep Table Styles & Text Contrast (Fixes Dark Inactive Text) */
body.dark-mode .table {
  color: #cbd5e1 !important;
}

body.dark-mode .table thead th,
body.dark-mode table thead th,
body.dark-mode table th {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
  border-bottom: 1px solid #1e293b !important;
  border-top: 1px solid #1e293b !important;
  font-weight: 700 !important;
}

body.dark-mode .table td,
body.dark-mode table td {
  border-color: #1e293b !important;
  color: #cbd5e1 !important;
}

body.dark-mode .table-hover tbody tr:hover {
  background-color: #1b2749 !important;
}

/* Member Names, Titles, Links inside Table */
body.dark-mode table tbody td,
body.dark-mode table tbody td strong,
body.dark-mode table tbody td h5,
body.dark-mode table tbody td h6,
body.dark-mode table tbody td b,
body.dark-mode table tbody td a,
body.dark-mode .table td a {
  color: #f8fafc !important;
}

/* Contact Details, Emails, Phone Numbers, Roles & Subtitles */
body.dark-mode table tbody td small,
body.dark-mode table tbody td .text-muted,
body.dark-mode table tbody td span.text-muted,
body.dark-mode table tbody td div,
body.dark-mode .text-muted {
  color: #cedff7 !important;
}

/* Status Badges */
body.dark-mode .badge-success,
body.dark-mode .badge.bg-success {
  background-color: #10b981 !important;
  color: #ffffff !important;
}

body.dark-mode .badge-secondary,
body.dark-mode .badge.bg-secondary {
  background-color: #475569 !important;
  color: #f1f5f9 !important;
}

/* 7. Dropdown Menus & Notifications */
body.dark-mode .dropdown-menu,
body.dark-mode .show-notification,
body.dark-mode .profile-notification {
  background-color: #131d36 !important;
  border: 1px solid #1e293b !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .show-notification li,
body.dark-mode .profile-notification li a {
  color: #cbd5e1 !important;
  border-bottom: 1px solid #1e293b !important;
}

body.dark-mode .show-notification li:hover,
body.dark-mode .profile-notification li:hover a {
  background-color: #0b1329 !important;
  color: #ff6e40 !important;
}

body.dark-mode .notif-item {
  background-color: #131d36 !important;
}

body.dark-mode .notif-item:hover {
  background-color: #1b2749 !important;
}

/* 8. Form Inputs & Controls */
body.dark-mode .form-control {
  background-color: #0b1329 !important;
  border: 1px solid #1e293b !important;
  color: #f8fafc !important;
}

body.dark-mode .form-control:focus {
  border-color: #ff6e40 !important;
  background-color: #0b1329 !important;
  color: #ffffff !important;
}

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

/* 9. Modals */
body.dark-mode .modal-content {
  background-color: #131d36 !important;
  border: 1px solid #1e293b !important;
  color: #f8fafc !important;
}

body.dark-mode .modal-header {
  background-color: #0b1329 !important;
  border-bottom: 1px solid #1e293b !important;
}

body.dark-mode .modal-footer {
  background-color: #0b1329 !important;
  border-top: 1px solid #1e293b !important;
}

body.dark-mode .close {
  color: #f8fafc !important;
  text-shadow: none !important;
}

body.dark-mode .notif-category-header {
  background-color: #0b1329 !important;
}

body.dark-mode .page-link {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
  border: 1px solid #1e293b !important;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
}
body.dark-mode #reportsTableFoot td,
body.dark-mode #reportsTableFoot th,
body.dark-mode #reportsTableHead th {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
}

body.dark-mode .active .page-link {
  background-color: #007bff !important;
  color: #ffffff !important;
}
body.dark-mode .select2-container--default .select2-selection--multiple {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
}

body.dark-mode .select2-results__option {
  background-color: #0b1329 !important;
  color: #94a3b8 !important;
}
body.dark-mode .task-block .bg-light {
  background-color: #0b1329 !important;
}

body.dark-mode #imagePopup .bg-light {
  background-color: #0b1329 !important;
}

/* ============================================================ */
/* DASHBOARD TEAM TABLE & STATUS COLORS (LIGHT & DARK THEMES)   */
/* ============================================================ */

/* 1. Base Status Dots (Light Theme Defaults) */
.status-dot {
  position: absolute;
  right: -2px;
  bottom: -2px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #ffffff; /* White ring border in light mode */
}

.status-dot.status-online,
.badge.status-badge.status-online {
  background-color: #10b981 !important;
  color: #ffffff !important;
}

.status-dot.status-idle,
.badge.status-badge.status-idle {
  background-color: #f59e0b !important;
  color: #ffffff !important;
}

.status-dot.status-offline,
.badge.status-badge.status-offline {
  background-color: #64748b !important;
  color: #ffffff !important;
}

/* Recent Project Badge (Light Mode) */
.badge-recent-project {
  background-color: #e0f2fe;
  color: #0369a1;
  border: 1px solid #bae6fd;
}

/* 2. DARK MODE OVERRIDES */
body.dark-mode .member-name,
body.dark-mode .member-email {
  color: #f8fafc !important; /* Bright white text */
}

body.dark-mode .last-active-cell {
  color: #94a3b8 !important;
}

/* In Dark Mode: The dot ring border matches the dark card (#131d36) */
body.dark-mode .status-dot {
  border: 2px solid #131d36 !important;
}

/* Dark Mode Status Badges */
body.dark-mode .badge.status-badge.status-online {
  background-color: #059669 !important;
  color: #ffffff !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}

body.dark-mode .badge.status-badge.status-idle {
  background-color: #d97706 !important;
  color: #ffffff !important;
}

body.dark-mode .badge.status-badge.status-offline {
  background-color: #334155 !important;
  color: #94a3b8 !important;
}

/* Dark Mode Recent Project Badge */
body.dark-mode .badge-recent-project {
  background-color: #0c4a6e !important;
  color: #38bdf8 !important;
  border: 1px solid #0369a1 !important;
}

/* Dark Mode Pagination Buttons */
body.dark-mode .pagination .page-link {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
  color: #94a3b8 !important;
}

body.dark-mode .pagination .page-item.active .page-link {
  background-color: #ff6e40 !important;
  border-color: #ff6e40 !important;
  color: #ffffff !important;
}

body.dark-mode .pagination .page-item.disabled .page-link {
  background-color: #0b1329 !important;
  border-color: #1e293b !important;
  color: #475569 !important;
}

/* Dark Mode Styling for Work Diary Manual Offline Time Banner */
body.dark-mode .manual-time-card {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}

body.dark-mode .manual-time-card span {
  color: #f8fafc !important;
}