/* Кастомные стили для лучшего отображения */
.list-group-item {
    transition: all 0.2s ease;
    border-radius: 8px !important;
    margin: 2px 0;
    background-color: transparent;
}

.list-group-item:hover {
    background-color: rgba(13, 110, 253, 0.08);
    transform: translateX(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Для мобильных устройств */
@media (max-width: 991.98px) {
    .list-group-item {
        padding: 0.875rem 1rem;
        font-size: 1rem;
    }
    
    .card-body {
        padding: 1.5rem !important;
    }
}

/* Для десктопа */
@media (min-width: 992px) {
    .list-group-item {
        padding: 0.625rem 0.75rem;
        font-size: 0.95rem;
    }
    
    .col {
        min-width: 0;
    }
}

.font-stat {
    font-size: 0.9rem;
}

.fs-16 {
    font-size: 1.1rem !important;
}

@media screen and (max-width: 767px) {
    table.dataTable > tbody > tr.child ul.dtr-details {
        display: block;
        width: 100%;
        padding: 0;
    }
    table.dataTable > tbody > tr.child ul.dtr-details > li {
        display: flex;
        justify-content: space-between;
        padding: 8px 15px;
        border-bottom: 1px solid;
        border-color: var(--border-select-2drafter);
    }
    table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
        border-bottom: none;
    }
    table.dataTable > tbody > tr.child span.dtr-title {
        font-weight: 600;
    }
    table.dataTable > tbody > tr.child span.dtr-data {
        text-align: right;
    }
    .heroes-list {
        justify-content: center;
    }
    .heroes-list img {
        width: 28px !important;
        height: 28px !important;
    }
    .child .heroes-list {
        justify-content: flex-start;
    }
}
.hero-tooltip {
    cursor: help;
}
@media screen and (min-width: 768px) {
    .heroes-list img:hover {
        transform: scale(1.1);
        transition: transform 0.2s;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
}
.badge.bg-info {
    background-color: #0dcaf0 !important;
    color: #000;
}
.text-primary {
    color: #696cff !important;
    text-decoration: none;
}
.text-primary:hover {
    text-decoration: underline;
}