/* Appointment Detail Specific Styles */
.appointment-detail-container {
  background: white;
}

/* Icon button styling */
.mud-icon-button {
  padding: 0;
  transition: all 0.2s ease;
}

.mud-icon-button:hover {
  transform: scale(1.05);
}

/* Button styling */
.mud-button-filled {
  box-shadow: none !important;
  transition: all 0.2s ease;
}

.mud-button-filled:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(93, 45, 145, 0.3) !important;
}

.mud-button-outlined {
  transition: all 0.2s ease;
}

.mud-button-outlined:hover {
  background-color: rgba(93, 45, 145, 0.04) !important;
  transform: translateY(-1px);
}

/* Chip styling */
.mud-chip {
  border-radius: 12px !important;
}

/* Link styling */
.mud-link:hover {
  color: #4a1f73 !important;
}

/* Tab Navigation Styling */
.appointment-detail-tabs .referral-detail-tabs .mud-tabs-toolbar {
  padding: 0 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}
.appointment-detail-tabs .mud-tabs-tabbar .mud-tabs-tabbar-inner {
  min-height: 38px;
  font-weight: 600 !important;
  font-size: 15px !important;
}
.appointment-detail-tabs .mud-tab {
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #999 !important;
  padding: 0px 0 !important;
  margin-right: 32px !important;
  min-width: auto !important;
  min-height: 0!important;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  margin-bottom: 0!important;
}

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

.appointment-detail-tabs .mud-tab-slider {
  background-color: #5d2d91 !important;
  height: 2px !important;
}

.appointment-detail-tabs .mud-tabs-panels {
  display: none !important;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .appointment-detail-container {
    padding: 0;
  }
}