/* Keep Filament page header actions visible on mid-width layouts */
.fi-header {
    align-items: flex-start;
}

.fi-header-actions-ctn {
    flex-shrink: 1;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

.fi-header-actions-ctn > .fi-ac {
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

@media (max-width: 1023px) {
    .fi-header {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .fi-header.fi-header-has-breadcrumbs .fi-header-actions-ctn {
        margin-top: 0 !important;
    }

    .fi-header-actions-ctn,
    .fi-header-actions-ctn > .fi-ac {
        width: 100%;
        justify-content: flex-start !important;
    }
}