.content-container { 
    max-width: 90%; 
    margin: 30px auto; 
    padding: 30px; 
    background-color: #ffffff; 
    border-radius: 8px; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 
}

.table-responsive { 
    /* max-height: 70vh; */ 
}

#tabellaIndividui thead { 
    position: sticky; 
    top: 0; 
    background-color: #f8f9fa; 
}

#tabellaIndividui {
    table-layout: fixed;
}

#tabellaIndividui thead tr:first-child th {
    vertical-align: middle;
}

.filter-input { 
    width: 100%; 
    padding: 4px; 
    font-size: 0.9em; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}
.filter-input:focus { 
    border-color: #007bff; 
    outline: none; 
    box-shadow: 0 0 5px rgba(0,123,255,.5); 
}

.header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.header-icons {
    display: flex;
    gap: 6px; 
}

.sort-icon, .clear-filter-icon {
    cursor: pointer; 
    font-size: 1.25em; /* Più grande */
    transition: transform 0.15s ease-out;
}

.sort-icon:hover { 
    color: #007bff; 
    transform: scale(1.3);
}
.clear-filter-icon:hover { 
    color: #dc3545; 
    transform: scale(1.3);
}

.sort-icon:active, .clear-filter-icon:active {
    transform: scale(1.1);
    transition: transform 0.05s ease;
}

.icon-active-filter {
    color: #dc3545; 
    font-weight: bold; 
}
.icon-active-sort {
    color: #dc3545; 
}

/* * --- MODIFICA CSS ---
 * 1. Imposta il colore di sfondo del tooltip sulla variabile --bs-primary
 * 2. Imposta il colore del testo a bianco (--bs-white) per la leggibilità
*/
.tooltip {
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: var(--bs-white);
}
/* * --- FINE MODIFICA --- */

/* --- PARAMETRI LARGHEZZA COLONNE --- */
/* La tabella usa table-layout:fixed, quindi le larghezze devono coprire
   TUTTE le colonne e sommare a 100%: le colonne senza larghezza collassano. */
#tabellaIndividui th:nth-child(1), #tabellaIndividui td:nth-child(1) { width: 15%; } /* Nome */
#tabellaIndividui th:nth-child(2), #tabellaIndividui td:nth-child(2) { width: 15%; } /* Cognome */
#tabellaIndividui th:nth-child(3), #tabellaIndividui td:nth-child(3) { width: 7%;  } /* M/F */
#tabellaIndividui th:nth-child(4), #tabellaIndividui td:nth-child(4) { width: 11%; } /* Data Nascita */
#tabellaIndividui th:nth-child(5), #tabellaIndividui td:nth-child(5) { width: 11%; } /* Data Morte */
#tabellaIndividui th:nth-child(6), #tabellaIndividui td:nth-child(6) { width: 15%; } /* Luogo Nascita */
#tabellaIndividui th:nth-child(7), #tabellaIndividui td:nth-child(7) { width: 15%; } /* Luogo Morte */
#tabellaIndividui th:nth-child(8), #tabellaIndividui td:nth-child(8) { width: 6%;  } /* Bio */
#tabellaIndividui th:nth-child(9), #tabellaIndividui td:nth-child(9) { width: 5%;  } /* Docs */
/* --- FINE PARAMETRI --- */

.riga-nascosta {
    display: none;
}