a.fc-event.calendar-event-cancelled, .calendar-event-cancelled {
    text-decoration: line-through;
    color: gray;
}

.fc-daygrid-event-dot {
    display: none;
}

.fc-day-sat, .fc-day-sun {
    background-color: #F9F8F4;
}

.dark .fc-day-sat, .dark .fc-day-sun {
    background-color: #282828;
}

.fc .fc-toolbar {
    flex-wrap: wrap;
}


.fi-ta-content {
    max-height: 50vh;
    overflow-y: auto;
}

@media (max-width: 1100px) {
    .fc .fc-daygrid-event {
        font-size: 12px;
    }
}

/* === FullCalendar — landing aesthetic (borderless / modern) === */
.fc {
    --fc-border-color: transparent;
    --fc-page-bg-color: #ffffff;
    --fc-neutral-bg-color: #FBFAF7;
    --fc-today-bg-color: rgba(31, 167, 160, 0.05);
    --fc-now-indicator-color: #FF8C5A;
    --fc-event-border-color: transparent;
    --fc-button-bg-color: #ffffff;
    --fc-button-border-color: rgba(20, 33, 61, 0.12);
    --fc-button-text-color: #14213D;
    --fc-button-hover-bg-color: #1FA7A0;
    --fc-button-hover-border-color: #1FA7A0;
    --fc-button-active-bg-color: #14213D;
    --fc-button-active-border-color: #14213D;
    color: #14213D;
}

/* Toolbar title — display font */
.fc .fc-toolbar-title {
    font-family: 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #14213D;
}

/* Header toolbar — breathing room from the card edges */
.fc .fc-header-toolbar {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Toolbar buttons — pill, ink/teal */
.fc .fc-button {
    border-radius: 9999px;
    padding: 0.4rem 0.95rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: capitalize;
    box-shadow: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.fc .fc-button-primary:not(:disabled):hover,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: #FBFAF7;
}
.fc .fc-button:focus {
    box-shadow: 0 0 0 2px rgba(31, 167, 160, 0.35);
}
/* Round only the outer edges of a button group (prev/next) */
.fc .fc-button-group > .fc-button {
    border-radius: 0;
}
.fc .fc-button-group > .fc-button:first-child {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.fc .fc-button-group > .fc-button:last-child {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

/* Day-of-week header — data font, with a single hairline underline as the only structural line */
.fc .fc-col-header-cell {
    border-bottom: 1px solid rgba(20, 33, 61, 0.06);
}
.fc .fc-col-header-cell-cushion {
    font-family: 'Space Mono', ui-monospace, monospace;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: rgba(20, 33, 61, 0.5);
    padding: 0.7rem 0.25rem;
    text-decoration: none;
}

/* Airier day cells + a subtle hover affordance instead of grid lines */
.fc .fc-daygrid-day-frame {
    min-height: 5.5rem;
}
.fc .fc-daygrid-day {
    transition: background-color 0.15s ease;
}
.fc .fc-daygrid-day:hover {
    background-color: rgba(20, 33, 61, 0.025);
}

/* Date numbers — data font */
.fc .fc-daygrid-day-number {
    font-family: 'Space Mono', ui-monospace, monospace;
    font-size: 0.72rem;
    color: rgba(20, 33, 61, 0.6);
    padding: 0.35rem 0.5rem;
    text-decoration: none;
}

/* Today — a teal chip behind the date, not a full-cell wash */
.fc .fc-day-today .fc-daygrid-day-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    height: 1.55rem;
    margin: 0.2rem;
    padding: 0;
    border-radius: 9999px;
    background-color: #1FA7A0;
    color: #ffffff;
    font-weight: 700;
}

/* Events — soft rounded pills (keep their data-driven colors) */
.fc .fc-daygrid-event,
.fc .fc-timegrid-event {
    border: none;
    border-radius: 0.55rem;
    padding: 0.12rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(20, 33, 61, 0.08);
}
.fc .fc-event-time {
    font-family: 'Space Mono', ui-monospace, monospace;
    font-weight: 400;
    opacity: 0.85;
}

/* Week / day (time-grid) — keep faint hour lines so those views stay legible */
.fc .fc-timegrid-slot {
    border-bottom: 1px solid rgba(20, 33, 61, 0.06);
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
    font-family: 'Space Mono', ui-monospace, monospace;
    font-size: 0.65rem;
    color: rgba(20, 33, 61, 0.5);
}