/* Logo size adjustments - Smaller size */
.navbar-logo img {
  max-width: 60px !important;
  height: auto !important;
}

/* Mobile logo adjustments */
@media (max-width: 768px) {
  .navbar-logo img {
    max-width: 45px !important;
  }
}

/* Ensure logo maintains aspect ratio */
.navbar-logo {
  display: flex;
  align-items: center;
}

/* Header improvements */
.navbar {
  padding: 12px 20px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Dark mode toggle button styling */
.dark-mode-toggle {
  background: transparent !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.dark-mode-toggle:hover {
  background: #f5f5f5 !important;
  border-color: #00D4FF !important;
}

/* Dark mode styles */
body.dark-mode {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
}

body.dark-mode .navbar {
  background-color: #2d2d2d !important;
  border-bottom: 1px solid #404040 !important;
}

body.dark-mode .sidebar {
  background-color: #2d2d2d !important;
}

body.dark-mode .dark-mode-toggle {
  border-color: #404040 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .dark-mode-toggle:hover {
  background: #404040 !important;
  border-color: #00D4FF !important;
}