/* === FullCalendar ↔ MudBlazor Theme Bridge ===
   Maps MudBlazor CSS custom properties to FullCalendar variables.
   Dark mode works automatically via MudBlazor CSS variable inheritance.
   Replaces the 114-line _injectSoftStyles() JS injection. */

.fc {
    --fc-border-color: var(--mud-palette-table-lines);
    --fc-page-bg-color: var(--mud-palette-surface);
    --fc-neutral-bg-color: var(--mud-palette-background-gray);
    --fc-today-bg-color: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent);
    --fc-list-event-hover-bg-color: var(--mud-palette-action-default-hover);
    --fc-highlight-color: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    --fc-event-border-color: transparent;
    --fc-event-text-color: var(--mud-palette-text-primary);
    --fc-now-indicator-color: var(--mud-palette-primary);
}

/* Toolbar buttons adopt MudBlazor styling */
.fc .fc-button {
    font-family: var(--mud-typography-default-family);
    font-size: var(--mud-typography-button-size);
    border-radius: var(--mud-default-borderradius);
    text-transform: var(--mud-typography-button-text-transform);
}

.fc .fc-button-primary {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-table-lines);
}

.fc .fc-button-primary:hover {
    background: var(--mud-palette-action-default-hover);
}

.fc .fc-button-primary.fc-button-active {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
}

/* Soft grid lines */
.fc td,
.fc th {
    border-color: var(--mud-palette-table-lines);
}

.fc .fc-timegrid-slot {
    border-bottom-style: dotted;
}

/* Resource area */
.fc .fc-datagrid-cell-frame {
    background: var(--mud-palette-surface);
}