.calendar-container {
  font-size: 0.9rem;
}

.calendar-grid {
  background-color: #ffffff;
}

.calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.calendar-week {
  min-height: 80px;
}

.calendar-day-cell {
  min-height: 90px;
}

@media (max-width: 767.98px) {
  .calendar-container {
    font-size: 0.85rem;
  }
  
  /* Ensure modal fits within mobile screen */
  .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100vw - 1rem);
  }
  
  /* Ensure modal content doesn't overflow */
  .modal-content {
    max-width: 100%;
  }
  
  /* Ensure close button is always visible */
  .modal-header {
    padding-right: 3rem;
  }
}