/* Appointment card styling */
.appointment-card {
  transition: all 0.2s ease;
  border: 1px solid #e0e0e0;
}

.appointment-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Date section colors */
.date-upcoming {
  background: linear-gradient(135deg, #ff8c00 0%, #ffa500 100%) !important;
}

.date-current {
  background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%) !important;
}

.date-past {
  background: linear-gradient(135deg, #9e9e9e 0%, #bdbdbd 100%) !important;
}

/* Tab styling */
.mud-tabs .mud-tab {
  text-transform: none !important;
  font-weight: 500 !important;
}

.mud-tabs .mud-tab.mud-tab-active {
  color: #5d2d91 !important;
}

.mud-tabs .mud-tab-slider {
  background-color: #5d2d91 !important;
}

/* Select styling */
.mud-select .mud-input-slot {
  border-radius: 8px !important;
}

.mud-select.mud-input-focused .mud-input-slot {
  border-color: #5d2d91 !important;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .date-section {
    width: 70px !important;
    padding: 12px 6px !important;
  }

  .appointment-card .mud-card-content {
    padding: 0 !important;
  }
}