.b-colorize {
    --b-day-view-event-border-inline-start-color : var(--b-day-view-event-color);
}

/* Tooltip */

.resource-image {
    width             : 4em;
    height            : 4em;
    border-radius     : 100%;
    margin-inline-end : 1em;
    background        : var(--b-primary-85);
}

.b-container.b-event-tip {
    min-width : 30em;

    header {
        display     : flex;
        align-items : center;

        .resource-info {
            display        : flex;
            flex-direction : column;
        }

        .resource-name {
            font-size : 1.3em;
        }

        .resource-role {
            color     : #bbb;
            font-size : 0.9em;
        }
    }

    .event-info {
        display    : flex;
        margin-top : 2em;
        width      : 100%;

        strong {
            margin : 0 0 0.3em 0;

            &:not(:first-child) {
                margin-top : 2em;
            }
        }
    }

    .event-details {
        display        : flex;
        flex-direction : column;
        flex           : 1;
    }

    #eventmap {
        flex : 1;

        .leaflet-control-attribution {
            font-size : 10px;
        }
    }

    i.b-icon {
        margin-inline-end : 0.5em;

        &.fa-arrow-left,
        &.fa-arrow-right {
            margin-inline-start : 0.5em;
        }
    }
}

.b-calendar-view-container {
    border-inline-end : 1px solid var(--b-calendar-border-color);
}

/* Lay out event details in the docked agenda */
[data-ref="dayAgenda"] {
    .b-panel-header {
        padding-block: 13.6px;
    }

    .b-event-header {
        display : none;
    }

    .b-cal-event-desc {
        header {
            display        : flex;
            flex-direction : row;
            align-items    : center;
            margin-top     : .25em;
        }

        strong, span {
            display : flex;
            gap     : 0.5em;
        }

        strong {
            margin-top : 0.5em;
        }
    }

    .resource-name,
    strong {
        font-weight : 600;
    }

    .resource-image {
        width  : 3em;
        height : 3em;
    }

    .resource-info {
        display : block;
    }

    .resource-role {
        font-size : .8em;
    }
}

.b-tooltip .fa-car {
    margin-inline-end : 0.4em;
}