/* Griglia "Dashboard caricate" (Views/DashboardInterattive/Index.cshtml).
   Il CSS base del progetto offre solo due leve: .table-expand (min-width 150px) e .table-shrink
   (width 1px). Con Titolo in expand tutta la larghezza residua finiva in quella colonna, lasciando
   URL pubblico, File e Creatore compressi sul contenuto. Qui le proporzioni sono esplicite e
   scoped sull'id #dashGrid, così nessun'altra griglia dell'applicazione viene toccata.
   table-layout resta "auto": le percentuali sono un'indicazione che il browser rispetta quando il
   contenuto lo consente, e le min-width evitano che le colonne collassino sotto la soglia leggibile. */

/* Titolo (+ nome cartella sotto) — ridotta */
#dashGrid th:nth-child(1),
#dashGrid td:nth-child(1) { width: 18%; min-width: 170px; }

/* URL pubblico — allargata */
#dashGrid th:nth-child(3),
#dashGrid td:nth-child(3) { width: 24%; min-width: 210px; }

/* File (nome originale) — allargata */
#dashGrid th:nth-child(5),
#dashGrid td:nth-child(5) { width: 20%; min-width: 175px; }

/* Creatore — allargata */
#dashGrid th:nth-child(8),
#dashGrid td:nth-child(8) { width: 10%; min-width: 105px; }

/* URL e nomi file lunghi vanno a capo invece di spingere la tabella oltre il contenitore. */
#dashGrid td:nth-child(3) a,
#dashGrid td:nth-child(5) code {
    overflow-wrap: anywhere;
}

/* Dimensione: allineata a destra e senza andare a capo ("1,2 MB" resta su una riga). */
#dashGrid th:nth-child(6),
#dashGrid td:nth-child(6) {
    white-space: nowrap;
}