/* la barra laterale resta visibile durante lo scorrimento.
   align-self: flex-start serve perche' altrimenti la colonna si allunga
   quanto tutta la riga e sticky non avrebbe effetto */
#menu {
    height: 100vh;
    position: sticky;
    top: 0;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
}

#menu .nav-link {
    color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 8px 12px;
}

#menu .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

/* le righe della tabella sono cliccabili (Task 2) */
#tabella-incidenti tbody tr {
    cursor: pointer;
}

/* Task 1 - Logica colore: gli incidenti critici lampeggiano */
tr.critico td {
    animation: lampeggia 1.5s infinite;
}

@keyframes lampeggia {
    50% { background-color: #f1aeb5; }
}

tr.selezionata td {
    background-color: #e2e3e5;
}

/* risposta dell'AI (Task 3) */
#prompt-risposta {
    white-space: pre-line;
}

@media (max-width: 767px) {
    #menu {
        height: auto;
        position: static;
        align-self: auto;
    }
}