.maintenance-calendar .fc-day-grid-event,
.maintenance-calendar .fc-time-grid-event {
    color: #fff !important;
    border-radius: 6px;
    padding: 7px 8px;
    margin: 3px 2px;
    box-shadow: 0 1px 3px #0002;
    cursor: pointer;
}
.maintenance-calendar .fc-event .fc-content {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
    color: inherit;
}
.maintenance-calendar .fc-title { color: inherit; }
.maintenance-calendar .maintenance-event-service {
    display: block;
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: 4px;
}
.maintenance-calendar .maintenance-event-detail {
    display: block;
    font-size: .8rem;
}
.maintenance-calendar .maintenance-event-status {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    margin-top: 5px;
    padding-top: 4px;
    border-top: 1px solid currentColor;
}
.maintenance-calendar .fc-list-item-title {
    color: #172b4d;
    padding: 10px 12px;
    white-space: normal;
}
.maintenance-calendar .fc-event:hover { filter: brightness(1.1); }
.maintenance-calendar .fc-event:focus-visible {
    outline: 3px solid #1d4ed8;
    outline-offset: 2px;
}
@media (max-width: 576px) {
    .maintenance-calendar .fc-toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    .maintenance-calendar .fc-toolbar h2 { font-size: 1.2rem; }
    .maintenance-calendar .fc-button { padding: .35rem .45rem; }
}

/* FullCalendar v4 list headings do not inherit the application theme. */
.dark-mode .maintenance-calendar .fc-list-view,
.dark-mode .maintenance-calendar .fc-list-table td,
.dark-mode .maintenance-calendar .fc-list-empty {
    background-color: #2d2d2d;
    color: #eef2f6;
    border-color: #525252;
}
.dark-mode .maintenance-calendar .fc-list-item-title,
.dark-mode .maintenance-calendar .fc-list-item-title a {
    color: #eef2f6 !important;
}
.dark-mode .maintenance-calendar .fc-list-heading td {
    background-color: #374151 !important;
    color: #fff !important;
}
.dark-mode .maintenance-calendar .fc-list-item:hover td {
    background-color: #374151 !important;
}
.dark-mode .maintenance-calendar .fc-day-header,
.dark-mode .maintenance-calendar .fc-day-number,
.dark-mode .maintenance-calendar .fc-week-number {
    color: #eef2f6;
}
.dark-mode .maintenance-calendar .fc-today {
    background-color: #263c30 !important;
}
.dark-mode .maintenance-calendar .fc-day-grid-event,
.dark-mode .maintenance-calendar .fc-time-grid-event,
.dark-mode .maintenance-calendar .fc-event .fc-content,
.dark-mode .maintenance-calendar .fc-event .fc-title {
    color: #fff !important;
}
