@media (max-width: 767px) {
    .bootstrap-table, .bootstrap-table .fixed-table-container, .bootstrap-table .fixed-table-body { max-width: 100%; }
    .bootstrap-table .fixed-table-body { overflow-x: auto; }
    .bootstrap-table .fixed-table-toolbar .search, .bootstrap-table .fixed-table-toolbar .search input { max-width: 100%; }
    .bootstrap-table .fixed-table-container .table tbody tr .card-view { flex-wrap: wrap; gap: .25rem .75rem; }
    .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title { flex: 0 1 40%; min-width: 0; text-align: start !important; }
    .bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value { flex: 1 1 50%; width: auto; min-width: 0; overflow-wrap: anywhere; }
    .bootstrap-table .card-view-value .btn, .bootstrap-table .card-view-value .dropdown { margin-block: 2px; }
}