/* Matrice rischi 4x4 Probabilità x Danno (INAIL):
   griglia 4x4 pura, quadrata, solo la cella P×D selezionata è colorata.
   Caricato per tutti i temi (default/modern/italia) — il colore delle celle
   arriva dalle .badge-classe-* del tema corrente. */

.risk-matrix__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(0, 1fr);
    gap: .3rem;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}
.risk-matrix__grid > * { min-width: 0; }
.risk-matrix__cell {
    aspect-ratio: 1 / 1;
    display: flex; align-items: center; justify-content: center;
    padding: 0; width: 100%;
    border: 2px solid transparent; border-radius: .375rem;
    font-weight: 700; color: #fff;
    cursor: pointer; transition: transform .08s ease, box-shadow .08s ease;
}
.risk-matrix__cell:hover:not(.disabled) { transform: scale(1.04); box-shadow: 0 0 0 .1rem rgba(13, 110, 253, .25); opacity: 1; }
.risk-matrix__cell.disabled { cursor: default; }
.risk-matrix__cell--inactive { opacity: .35; }
.risk-matrix__cell--active { opacity: 1; border-color: #0d6efd; box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .4); transform: scale(1.04); }
.risk-matrix__cell-r { font-size: 1.05rem; line-height: 1; }

/* Modalità selettore a pulsanti (form di rischio): P e D scelti via bottoni 1..4.
   Grid con tracce fisse identiche tra le due righe → i bottoni P e D si allineano
   verticalmente colonna per colonna. */
.risk-matrix__chooser { display: flex; flex-direction: column; gap: .5rem; margin-bottom: .75rem; }
.risk-matrix__chooser-row {
    display: grid;
    grid-template-columns: 7rem repeat(4, 2.75rem) 10rem;
    align-items: center;
    gap: .5rem;
    justify-content: center;
}
.risk-matrix__chooser-label { font-weight: 600; color: #495057; text-align: right; }
.risk-matrix__chooser .btn { min-width: 2.75rem; padding-left: 0; padding-right: 0; }
@media (max-width: 767.98px) {
    /* sotto md la label di destra è d-none → grid a 5 colonne, senza l'ultima traccia */
    .risk-matrix__chooser-row { grid-template-columns: 6rem repeat(4, 2.75rem); }
}