@media (max-width: 768px) {
    .card-body .text-truncate {
        max-width: 100px !important; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .card-body > div > div {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .btn-group {
        flex-direction: column; 
        overflow-x: visible; 
        padding-bottom: 0;
    }

        .btn-group .btn {
            width: auto; 
            min-width: auto; 
            padding: 0.25rem 0.5rem; 
            font-size: 0.8rem; 
        }

            .btn-group .btn img {
                width: 1rem; 
                height: auto;
            }

        .btn-group::-webkit-scrollbar {
            display: none;
        }
}