/* Default: desktop-wide – let Filament do its thing, single row unless it needs to wrap */
.fi-ac {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-start;
}

/* <= 1400px: 3 per row (2 rows for 6 buttons, like before) */
@media (max-width: 1400px) and (min-width: 900px) {
    .fi-ac {
        justify-content: center;
    }

    .fi-ac .fi-ac-action {
        flex: 1 1 30%;
        max-width: 32%;
        justify-content: center;
    }
}

/* <= 900px: 2 per row */
@media (max-width: 900px) {
    .fi-ac {
        justify-content: center;
    }

    .fi-ac .fi-ac-action {
        flex: 1 1 45%;
        max-width: 48%;   /* 2 per row with a bit of gap */
        justify-content: center;
    }
}