/* ============================================================
   tables.css — liste si tabele.

   Layout-ul barii de control vine din configurarea DataTables
   (shared/table/dataTable.ts), care foloseste aceleasi clase de grila ca
   tema. Aici raman doar ajustarile care nu se pot exprima acolo.
   ============================================================ */

/* Caseta de cautare, la aceeasi inaltime cu butoanele de langa ea */
.card-datatable .dt-search input {
    min-height: 2.375rem;
    min-width: 10rem;
}

/* Spatiu fata de butoanele din dreapta */
.card-datatable .dt-search {
    margin-right: 0.5rem;
}

/* Butoanele din bara tabelului - export si actiunile proprii */
.card-datatable .dt-buttons {
    display: flex;
    gap: 0.5rem;
}

/* Tabelul: fara margine proprie */
.card-datatable table.dataTable {
    margin: 0 !important;
}

/* ── Fereastra de detalii, pe ecran ingust ──
   Forma vine din tema; aici doar butoanele de actiune, care altfel se
   centreaza in celula. */

.dtr-bs-modal .dtr-details .d-flex {
    justify-content: flex-start;
}

/* Randul de totaluri - se distinge de corpul tabelului */
.card-datatable table.dataTable tfoot th {
    border-top: 2px solid var(--bs-border-color);
    font-weight: 500;
}

/* Pe ecran ingust, coloanele cu cifre sunt ascunse - eticheta ar ramane singura. */
@media (max-width: 991.98px) {
    .card-datatable table.dataTable tfoot {
        display: none;
    }
}