/* Cells always get the column type class name added to identify them */
.b-my-agenda-cell {
    flex-direction               : column;
    align-items                  : flex-start;

    --b-agenda-view-cell-padding : 1.5em;

    .my-agenda-room-list, .my-agenda-event-list {
        display        : flex;
        flex-direction : column;
        align-items    : flex-start;
        gap            : 0.5em;
    }

    .my-agenda-event-list {
        padding-inline-start : 3em;

        .b-cal-event-body {
            display : flex;
            gap     : 0.3em;
        }
    }

    .my-agenda-room {
        display        : flex;
        gap            : 0.5em;
        flex-direction : column;
        align-items    : start;
    }

    .my-agenda-room-name {
        padding          : 0.5em;
        border-radius    : 0.5em;

        background-color : var(--b-primary-85);
        color            : var(--b-primary-30);
    }
}