/* Fix per Material Icons */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    /* font-size: 24px; -- Commentato per permettere dimensioni personalizzate */
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

/* Stili specifici per icone visionato - COMMENTATI per usare quelli in list_view.html
.icon-visioned {
    color: #28a745;
    cursor: pointer;
}

.icon-not-visioned {
    color: #6c757d;
    cursor: pointer;
}

.icon-loading {
    color: #ffc107;
    animation: spin 1s linear infinite;
}
*/

/* Fix per visualizzazione icone nella tabella - MODIFICATO per non sovrascrivere */
td .material-icons {
    vertical-align: middle;
    /* cursor: pointer; -- Già definito nelle classi specifiche */
    /* transition: all 0.2s ease; -- Già definito nelle classi specifiche */
}

/* Hover commentato per usare quello personalizzato
td .material-icons:hover {
    transform: scale(1.2);
}
*/

/* Fallback se Material Icons non carica */
.material-icons:empty::before {
    content: '○';
    font-family: Arial, sans-serif;
}

.material-icons.icon-visioned:empty::before {
    content: '●';
    color: #28a745;
}

.material-icons.icon-not-visioned:empty::before {
    content: '○';
    color: #6c757d;
}