/* Tampilan tabel mengikuti kartu "DataTable basic" pada
   `public/template/table/tables-datatable.html`: blok DataTables menempel ke
   tepi kartu, header kolom memakai `thead.table-light`, dan baris kontrol
   (jumlah data + pencarian) diberi jarak sendiri.

   Template memakai `card-body p-0 pb-2` karena tabel adalah satu-satunya isi
   kartu. Di sini sebagian besar layar masih menaruh panel filter atau tab di
   atas tabel, jadi padding kartu tetap dipertahankan dan yang ditarik keluar
   hanya blok tabelnya lewat `.dt-flush`. */
.dt-flush {
    margin-left: calc(var(--bs-card-spacer-x) * -1);
    margin-right: calc(var(--bs-card-spacer-x) * -1);
    margin-bottom: calc(var(--bs-card-spacer-y) * -1);
}

/* `.dt-layout-full` milik tema sudah menangani scroll horizontal, sehingga
   pembungkus `table-responsive` tidak lagi dipakai. Tabel sendiri tetap boleh
   melebar tanpa memaksa kartu ikut ter-scroll. */
.dt-flush .dt-container {
    width: 100%;
}

/* Baris kontrol paling bawah sudah diberi padding 20px oleh tema lewat
   `.dt-layout-table + div`; baris paling atas mendapat `mx-2 py-2` dari
   handler `init.dt` bersama di `layouts.partials.js-helpers`. */

/* Baris filter per kolom menempel di thead yang sama dengan judul kolom, jadi
   ia tidak boleh mewarisi kursor maupun panah sort dari tema. Aturan ini dulu
   diulang di tiap layar; sekarang berlaku untuk semua tabel yang memakainya. */
.dt-flush thead tr.filter-row th {
    padding-top: 0;
    padding-bottom: 12px;
    cursor: default;
}

.dt-flush thead tr.filter-row th span.dt-column-order {
    display: none !important;
}