.b-grid-base {
    --b-row-expander-padding    : 1.5em;
    --b-row-expander-background : var(--b-neutral-98);

    &:not(.b-show-filters) {
        .b-filter-bar-field {
            margin-bottom : 0;
        }
    }
}

.b-filter-bar-field {
    max-height : 0;
    overflow   : clip;
    transition : max-height .3s;
}

.b-show-filters .b-filter-bar-field {
    max-height : 3.5em;
}

.b-grid-header[data-column="expanderActionColumn"] {
    --b-grid-header-padding : 0;
}

.b-grid-cell a {
    text-decoration : none;
}

.b-container.b-inner-container {
    display                     : flex;
    min-height                  : 20em;

    --b-container-gap           : 1.5em;
    --b-grid-footer-font-weight : var(--b-grid-header-font-weight);

    > * {
        border-radius : .5em;
        border        : 1px solid var(--b-grid-cell-border-color);
    }
}

.diffLabel {
    display       : flex;
    align-items   : center;
    padding       : 0.2em 0.8em;
    border-radius : 1em;
    font-size     : 0.8em;
    font-weight   : 400;
    margin-inline : auto 1em;
    gap           : 0.5em;

    --color       : color-mix(in srgb, var(--b-color-orange), var(--b-opposite) 10%);

    background    : color-mix(in srgb, var(--b-color-orange), var(--b-mix) 90%);
    border        : 1px solid color-mix(in srgb, var(--color), var(--b-mix) 60%);
    color         : var(--color);
}

.b-cost {
    min-width  : 3.5em;
    text-align : end;
}

.b-avatar {
    width             : 2em;
    height            : 2em;
    margin-inline-end : 0.5em;
    border-radius     : 50%;

    background        : var(--b-primary-90);
}

.fa-location-dot {
    color : var(--b-primary-60);
}