/* Responsive Design */
@media (max-width: 768px) {
  .container {
    padding: 0 0.5rem;
  }
  
  .navbar {
    padding: 0.25rem 0;
  }
  
  .card {
    margin-bottom: 1rem;
  }
  
  .btn {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
  
  /* Settings icon mobile optimization */
  .settings-icon {
    width: 36px;
    height: 36px;
    font-size: 1.1rem;
  }
  
  /* Ensure navbar links have consistent spacing on mobile */
  .nav-link {
    padding: 0.125rem 0.375rem !important;
  }
}

/* Tablet specific styles */
@media (max-width: 992px) and (min-width: 769px) {
  .container {
    padding: 0 1rem;
  }
}