/* Existing styles */
.calendar-day-closed {
    background-color: rgb(254, 226, 226); /* Tailwind's bg-red-100 */
}

.calendar-day-closed-with-appointments {
    background-color: rgb(254, 249, 195); /* Tailwind's bg-yellow-100 */
}

.calendar-cell-closed {
    background-color: rgb(254, 226, 226); /* Tailwind's bg-red-100 */
}

.calendar-cell-closed-with-appointments {
    background-color: rgb(254, 252, 232); /* Tailwind's bg-yellow-50 */
}

/* New styles for closed time slots */
.calendar-cell-timeslot-closed {
    background-color: rgb(255, 237, 213); /* Tailwind's bg-orange-100 */
}

/* Legend styles */
.legend-box-closed {
    width: 1rem;
    height: 1rem;
    background-color: rgb(254, 226, 226);
    border: 1px solid rgb(252, 165, 165);
}

.legend-box-closed-with-appointments {
    width: 1rem;
    height: 1rem;
    background-color: rgb(254, 249, 195);
    border: 1px solid rgb(253, 224, 71);
}

.legend-box-timeslot-closed {
    width: 1rem;
    height: 1rem;
    background-color: rgb(255, 237, 213);
    border: 1px solid rgb(251, 146, 60);
}