/* Additional mobile styles */
@media (max-width: 768px) {
  /* Improve touch targets */
  .btn {
    min-height: 44px;
  }

  .form-control {
    font-size: 16px; /* Prevents zoom on iOS */
  }

  /* Better spacing on mobile */
  .card-body {
    padding: 1rem;
  }

  /* Stack cards better */
  .row > [class*="col-"] {
    margin-bottom: 1rem;
  }
}

/* Landscape mode improvements */
@media (max-width: 768px) and (orientation: landscape) {
  .calendar-header {
    padding: 1rem;
  }

  .navbar {
    padding: 0.5rem 1rem;
  }
}