/* Стили для таблиц */

.table th.col-number {
    width: 60px;
}

.table th.col-abbreviation {
    width: 100px;
}

.table th.col-actions {
    width: 150px;
}

.table th.col-expert-standard {
    width: 150px;
}

/* =========================
   Адаптация таблиц для мобильных
   ========================= */

/* Базово: делаем скролл предсказуемым на таче */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* На мобильных уменьшаем плотность таблиц и улучшаем читаемость */
@media (max-width: 768px) {
    .table {
        font-size: 0.875rem;
    }

    .table th,
    .table td {
        padding: 0.4rem 0.5rem;
        vertical-align: middle;
    }

    /* По умолчанию не пытаемся “впихнуть” всё — даём горизонтальный скролл */
    .table th,
    .table td {
        white-space: nowrap;
    }

    /* Но длинный текст (описания/названия) лучше переносить */
    .table td small,
    .table td .text-muted,
    .table td strong {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* Чуть компактнее бейджи */
    .table .badge {
        font-size: 0.85em;
    }
}

@media (max-width: 575.98px) {
    .table {
        font-size: 0.82rem;
    }

    .table th,
    .table td {
        padding: 0.35rem 0.45rem;
    }
}