/*
 * filter-panel.css — consistent filter/search panel action buttons across all
 * admin listing pages (CRM server-side panels, the new client-side panels, and
 * the restyled legacy panels).
 *
 * The theme renders form-control-sm / form-select-sm ~36px tall, but btn-sm
 * ~30px, so filter buttons looked short and uneven next to the inputs. These
 * rules give every filter-panel button one uniform height/size that matches the
 * inputs — regardless of whether the markup uses btn-sm (CRM pages) or a regular
 * btn (legacy pages) — and standardise the two-button action group (Tìm / Xóa)
 * as equal-width, side-by-side, 20px apart.
 */

/* Uniform filter-panel action buttons, matched to the height of the inputs. */
form[method="get"].row .btn,
.row [data-list-apply],
.row #btnSearch,
.row #btnReset {
    min-height: 38px;
    padding: 0 0.9rem;
    font-size: 0.82rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Two-button action group: side by side, equal size, 20px apart. */
.crm-filter-actions {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.crm-filter-actions .btn {
    flex: 1 1 0;
    width: auto;
    white-space: nowrap;
}