/* =============================================================================
   Chuẩn nút trong app: icon + chữ, cỡ, nhóm trái/phải
   ============================================================================= */

.app-shell .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.375rem;
}

.app-shell .btn-sm {
    min-height: 2rem;
    gap: 0.3rem;
}

.app-shell .btn-lg {
    min-height: 2.75rem;
}

.app-shell .btn > .oi.me-1,
.app-shell .btn > .oi.me-2,
.app-shell .btn > .oi.ms-1,
.app-shell .btn > .oi.ms-2 {
    margin: 0 !important;
}

.app-shell .btn .spinner-border,
.app-shell .btn .spinner-border-sm,
.app-shell .btn .spinner-grow {
    margin: 0 !important;
}

/* Thanh hành động: căn nhóm */
.etl-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.etl-action-bar--end {
    justify-content: flex-end;
}

.etl-action-bar--between {
    justify-content: space-between;
}

.etl-action-bar__primary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.etl-action-bar__secondary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}