.billings-filter {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(260px, 1.6fr) minmax(160px, 0.8fr);
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

    .billings-filter .field {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .billings-filter .actions {
        display: flex;
        align-items: flex-end;
    }

@media (max-width: 1100px) {
    .billings-filter {
        grid-template-columns: 1fr;
    }

        .billings-filter .actions {
            align-items: stretch;
        }
}