/* Stile base per la tabella (modalità Light) */
.table {
    width: 100%;
    border-collapse: collapse;
    /* Utilizza le variabili Bootstrap se disponibili, altrimenti valori di default */
    color: var(--bs-table-color, #212529);
    background-color: var(--bs-table-bg, #fff);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.th_On_TrHead {
}

/* Classe per le righe del tbody */
.tr_on_Tbody {
    transition: background-color 0.3s ease;
    font-size: 10px;
}

    /* Righe alternate per effetto "striped" */
    .tr_on_Tbody:nth-child(even) {
        background-color: var(--bs-table-striped-bg, rgba(0, 0, 0, 0.05));
    }

    /* Effetto hover per le righe del tbody */
    .tr_on_Tbody:hover {
        background-color: var(--bs-table-hover-bg, rgba(0, 0, 0, 0.075));
    }

/* Classe per le celle del tbody */
.tdBody_class {
    /* Puoi aggiungere altre regole personalizzate per le celle se vuoi */
    border-top: 1px solid var(--bs-border-color, rgba(0, 0, 0, 0.125));
}

/* Modalità Dark: sovrascrive le variabili di default per adattarsi al tema scuro */
body.dark .table {
    color: var(--bs-dark-table-color, #fff);
    background-color: var(--bs-dark-table-bg, #343a40);
    border-color: var(--bs-dark-border-color, #454d55);
}

    body.dark .table thead th {
        border-bottom-color: var(--bs-dark-border-color, #454d55);
    }

body.dark .tr_on_Tbody:nth-child(even) {
    background-color: var(--bs-dark-table-striped-bg, #3a3f44);
}

body.dark .tr_on_Tbody:hover {
    background-color: var(--bs-dark-table-hover-bg, rgba(255, 255, 255, 0.1));
}

body.dark .tdBody_class {
    border-top-color: var(--bs-dark-border-color, #454d55);
}