/**
 * Estilos para el módulo de Cambio de Género Masivo/Individual
 * El dropdown usa las mismas clases que el dropdown global (genre-dropdown-list, genre-option)
 */

/* Botón de género en la lista de archivos */
.btn-genre {
    opacity: 0.6;
    transition: opacity 0.2s, transform 0.2s;
    padding: 4px 0 4px 4px;
    margin-right: -4px;
}

.btn-genre:hover {
    opacity: 1;
}

.btn-genre svg {
    transition: color 0.2s;
}

.file-item .btn-genre:hover svg {
    color: #a5b4fc;
}

/* Indicador cuando tiene género personalizado */
.file-item .btn-genre svg.text-green-400 {
    filter: drop-shadow(0 0 3px rgba(74, 222, 128, 0.5));
}

/* Móvil: hacer el botón más accesible */
@media (max-width: 600px) {
    .btn-genre {
        padding: 6px;
        opacity: 0.8;
    }
}