/**
 * Dashboard Theme Fix - Ensures proper theme colors in dashboard
 */

/* Dashboard main content */
body.theme-dark .dashboard-main {
  background-color: var(--bg-color);
  color: var(--text-color);
}

body.theme-light .dashboard-main {
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* Dashboard navbar */
body.theme-dark .dashboard-navbar {
  background-color: var(--navbar-bg);
  border-bottom: 1px solid var(--border-color);
}

body.theme-light .dashboard-navbar {
  background-color: var(--navbar-bg);
  border-bottom: 1px solid var(--border-color);
}

/* Dashboard sidebar */
body.theme-dark .dashboard-sidebar {
  background-color: var(--sidebar-bg);
  border-right: 1px solid var(--border-color);
}

body.theme-light .dashboard-sidebar {
  background-color: var(--sidebar-bg);
  border-right: 1px solid var(--border-color);
}

/* Navbar elements */
body .navbar-action-btn {
  background-color: var(--input-bg);
  border: 1px solid var(--border-color);
  color: var(--text-muted);
}

body .navbar-action-btn:hover {
  background-color: var(--card-hover-bg);
  color: var(--primary-color);
}

body .theme-toggle-btn {
  background-color: var(--input-bg);
  border: 1px solid var(--border-color);
  color: var(--text-muted);
}

body .theme-toggle-btn:hover {
  background-color: var(--card-hover-bg);
  color: var(--primary-color);
}

/* Search input */
body .search-input {
  background-color: var(--input-bg);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

body .search-input:focus {
  border-color: var(--primary-color);
}

body .search-input::placeholder {
  color: var(--text-placeholder);
}

body .search-icon {
  color: var(--text-muted);
}

/* User dropdown */
body .user-dropdown-toggle:hover {
  background-color: var(--hover-bg);
}

body .user-name-display {
  color: var(--text-color);
}

body .dropdown-arrow {
  color: var(--text-muted);
}

body .user-dropdown-menu {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: var(--dropdown-shadow);
}

body .dropdown-user-header {
  border-bottom: 1px solid var(--border-color);
  background-color: var(--card-hover-bg);
}

body .dropdown-user-name {
  color: var(--text-color);
}

body .dropdown-user-role {
  color: var(--text-muted);
}

body .dropdown-item {
  color: var(--text-color);
}

body .dropdown-item:hover {
  background-color: var(--hover-bg);
}

body .dropdown-item-icon {
  color: var(--text-muted);
}

body .dropdown-item:hover .dropdown-item-icon {
  color: var(--primary-color);
}

body .dropdown-divider {
  background-color: var(--border-color);
}

/* Sidebar navigation */
body .nav-section-title {
  color: var(--text-muted);
}

body .sidebar-nav .nav-link {
  color: var(--text-muted);
}

body .sidebar-nav .nav-link:hover,
body .sidebar-nav .nav-link.active {
  background-color: var(--hover-bg);
  color: var(--text-color);
}

body .sidebar-nav .nav-link.active {
  border-left: 3px solid var(--primary-color);
}

body .sidebar-nav .nav-icon {
  color: var(--text-muted);
}

body .sidebar-nav .nav-link:hover .nav-icon,
body .sidebar-nav .nav-link.active .nav-icon {
  color: var(--primary-color);
}

body .sidebar-nav .nav-badge {
  background-color: var(--primary-color);
}

/* Logout button */
body .btn-theme-logout {
  background-color: var(--input-bg);
  color: var(--text-color);
  border: 1px solid var(--border-color);
}

body .btn-theme-logout:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: white;
}

/* Dashboard footer */
body .dashboard-footer {
  background-color: var(--card-bg);
  border-top: 1px solid var(--border-color);
}

body .copyright {
  color: var(--text-muted);
}

body .footer-dot {
  background-color: var(--border-color);
}

body .footer-link {
  color: var(--text-muted);
}

body .footer-link:hover {
  color: var(--primary-color);
}

body .footer-social-link {
  color: var(--text-muted);
}

body .footer-social-link:hover {
  color: var(--primary-color);
}

/* Dashboard cards and elements */
body .dashboard-header {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
}

body .dashboard-title {
  color: var(--text-color);
}

body .card-base,
body .activity-card,
body .stats-card,
body .chart-container {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: var(--card-shadow);
}

body .activity-card-header {
  border-bottom: 1px solid var(--border-color);
}

body .activity-card-title {
  color: var(--text-color);
}

body .activity-card-icon {
  color: var(--primary-color);
}

body .activity-card-link {
  color: var(--primary-color);
}

/* Ensure animated transitions for smooth theme switching */
.dashboard-navbar,
.dashboard-main,
.dashboard-sidebar,
.dashboard-footer,
.navbar-action-btn,
.search-input,
.user-dropdown-menu,
.dropdown-item,
.nav-link,
.btn-theme-logout,
.card-base,
.activity-card,
.stats-card,
.chart-container {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}