/* Responsive tabel stijlen voor optimaal schermgebruik --------------------------------- */

/* Zorg dat tabellen zich aanpassen aan de beschikbare schermruimte */
@media (min-height: 900px) {
    /* Voor grotere schermen, gebruik meer verticale ruimte */
    .tabulator-list-view .tabulator {
        min-height: 650px;
    }

    .tabulator-list-view {
        min-height: 650px;
    }
}

@media (min-height: 1200px) {
    /* Voor zeer grote schermen, gebruik maximale verticale ruimte */
    .tabulator-list-view .tabulator {
        min-height: 800px;
    }

    .tabulator-list-view {
        min-height: 800px;
    }
}

/* Zorg dat de inhoud van tabellen goed leesbaar blijft op elk formaat scherm */
.tabulator .tabulator-cell {
    white-space: normal; /* Zorg dat tekst binnen cellen kan omslaan */
    overflow: visible; /* Toon alle inhoud */
}

/* Behoud de leesbaarheid van de tabel headers op kleinere schermen */
@media (max-width: 768px) {
    .tabulator .tabulator-header .tabulator-col-title {
        font-size: 0.8rem; /* Kleinere tekst op kleinere schermen */
    }
}
