#calendar {
    max-width: 100%;
    margin: 0 auto;
}

/* Responsive calendar styles */
.fc-toolbar {
    flex-wrap: wrap;
}

.fc-toolbar-title {
    font-size: 1.25rem !important;
}

@media (max-width: 640px) {
    .fc-toolbar-title {
        font-size: 1rem !important;
    }

    .fc-button {
        padding: 0.25rem 0.5rem !important;
        font-size: 0.75rem !important;
    }

    .fc-toolbar-chunk {
        margin-bottom: 0.5rem;
    }
}

/* Dark mode calendar styles */
.dark .fc {
    color: white;
}

.dark .fc-theme-standard td,
.dark .fc-theme-standard th {
    border-color: rgb(55 65 81);
}

.dark .fc-theme-standard .fc-scrollgrid {
    border-color: rgb(55 65 81);
}

.dark .fc-daygrid-day-number {
    color: white;
}

.dark .fc-col-header-cell-cushion {
    color: white;
}

.dark .fc-button-primary {
    background-color: rgb(55 65 81);
    border-color: rgb(55 65 81);
}

.dark .fc-button-primary:hover {
    background-color: rgb(75 85 99);
    border-color: rgb(75 85 99);
}

.dark .fc-button-primary:disabled {
    background-color: rgb(31 41 55);
    border-color: rgb(31 41 55);
}

.dark .fc-button-active {
    background-color: rgb(16 185 129);
    border-color: rgb(16 185 129);
}