body {
  background-color: #f6f6f7;
}

input[type="date"] {
  -webkit-appearance: none; /* Remove default browser styling for WebKit browsers */
  -moz-appearance: none; /* Remove default browser styling for Mozilla browsers */
  appearance: none; /* Remove default browser styling */
  background-color: #ffffff;
  border: 1px solid #d1d5db; /* Light gray border */
  border-radius: 0.5rem; /* Rounded corners */
  /* Match Tailwind's px-3 py-2 used elsewhere (0.75rem x, 0.5rem y) */
  padding: 0.5rem 0.75rem; /* Padding inside the input */
  font-size: 1rem;
  line-height: 1.5rem;
  color: #374151; /* Dark gray text */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer; /* Indicate it's interactive */
}
input[type="date"]:focus {
  outline: none;
  border-color: #3b82f6; /* Blue border on focus */
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5); /* Blue shadow on focus */
}
/* Style for the date input's calendar icon/button */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg); /* Make icon blue */
  cursor: pointer;
}
input[type="date"]::-moz-calendar-picker-indicator {
  filter: invert(0.5) sepia(1) saturate(5) hue-rotate(175deg); /* Make icon blue */
  cursor: pointer;
}

.pagination-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.table td {
  max-width: 250px;
  white-space: normal; /* allow wrapping */
  word-wrap: break-word; /* force long words to break */
}

.speciality-col {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}