.sidebar {
    width: 200px; /* Larghezza fissa della sidebar */
    padding: 20px; /* Spazio interno attorno al contenuto della sidebar */
    min-height: 100vh; /* Assicura che la sidebar copra almeno l'altezza della viewport */
    /*background-color: #f0f0f0; /* Un colore di sfondo chiaro per la sidebar */
    border-right: 1px solid #ccc; /* Aggiunge una sottile linea verticale grigia a destra */
    /* Altre proprietà CSS che potresti voler aggiungere: */
    /* color: #333; */
    /* font-size: 16px; */
    /* box-sizing: border-box; /* Per includere padding e border nella larghezza */
}

.sidebar nav ul {
    list-style: none; /* Rimuove i puntini dalla lista */
    padding: 0;
    margin: 0;
}

.sidebar nav ul li {
    margin-bottom: 10px; /* Spazio tra le voci del menu */
}

/* Applica lo stile di hover all'intera riga della lista (<li>) */
.sidebar nav ul li tr:hover {
    background-color: #ddd; /* Cambia il colore di sfondo dell'intera riga */
    cursor: pointer; /* opzionale: mostra il cursore da clic */
  }

.sidebar nav ul li a {
    text-decoration: none; /* Rimuove la sottolineatura dai link */
    color: #333; /* Colore del testo dei link */
    display: block; /* Rende il link un elemento a blocco per occupare tutta la larghezza */
    padding: 8px 12px; /* Spazio interno ai link */
    border-radius: 5px; /* Angoli arrotondati per i link */
    /* Rimuovi il background-color da qui, ora è gestito dall':hover del li */
}

.sidebar h2 {
    margin-top: 0; /* Rimuove il margine superiore predefinito dell'h2 */
    margin-bottom: 20px; /* Aggiunge spazio sotto il titolo */
    color: #555; /* Colore del testo del titolo */
}

.content {
    flex-grow: 1; /* Fa espandere l'elemento per occupare lo spazio rimanente nel flex container */
    padding: 5px; /* Aggiunge spazio interno attorno al contenuto */
    /* Altre proprietà CSS che potresti voler aggiungere: */
    /* background-color: #fff; */
    /* border-left: 1px solid #eee; /* Aggiunge un bordo a sinistra per separare dalla sidebar */
    /* box-sizing: border-box; */
}