    <style type="text/css">
    /* ------------------------------------------------------------------------
       FullCalendar 7 — CoolAdmin brand mapping.

       v7 replaced v6's semantic class names (.fc-daygrid-event, .fc-button-primary,
       …) with hashed, build-generated ones, so there is no stable class surface to
       override. Theming is done entirely through the theme's public custom
       properties — see vendor/fullcalendar-7.0.2/themes/classic/palette.css for the
       full list. We rebind them to CoolAdmin's --m-* design tokens so the calendar
       inherits the app palette (including the accent-preset switcher).
       ------------------------------------------------------------------------ */
    body.app {
        /* Toolbar buttons — flat, surface-colored, accent when active */
        --fc-classic-button:              var(--m-surface);
        --fc-classic-button-border:       var(--m-border);
        --fc-classic-button-foreground:   var(--m-text);
        --fc-classic-button-strong:       var(--m-accent);
        --fc-classic-button-strong-border: var(--m-accent);
        --fc-classic-button-outline:      rgba(var(--m-accent-rgb), 0.4);

        /* Primary / events */
        --fc-classic-primary:             var(--m-accent);
        --fc-classic-primary-foreground:  #fff;

        /* Calendar content */
        --fc-classic-today:               var(--m-accent-soft);
        --fc-classic-highlight:           rgba(var(--m-accent-rgb), 0.12);
        --fc-classic-now:                 #dc2626;

        /* Neutrals — align the grid with card surfaces */
        --fc-classic-background:          var(--m-surface);
        --fc-classic-foreground:          var(--m-text);
        --fc-classic-muted-foreground:    var(--m-text-muted);
        --fc-classic-faint-foreground:    var(--m-text-faint);
        --fc-classic-border:              var(--m-border);
        --fc-classic-strong-border:       var(--m-border);
    }

    /* Typography hooks. These class names are injected via the calendar's
       public dayHeaderInnerClass / dayCellTopInnerClass options (see
       calendar.scripts.html) rather than by targeting v7's hashed internals. */
    body.app .ca-fc-day-header {
        color: var(--m-text-faint);
        font-size: 11px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
    body.app .ca-fc-day-number { font-size: 13px; }
    </style>
