/* Стили для таблицы специальностей */
.specialties-table {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    border-collapse: collapse;
    background: #eef4ff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    font-family: sans-serif;
    font-size: 14px;
    color: #2c5282; /* Цвет текста, измените здесь для смены цвета */
}

.specialties-table th,
.specialties-table td {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #dde8ff;
}

.specialties-table th {
    font-weight: bold;
    background: #dde8ff;
    color: #1a3c87;
}

.specialties-table tr:last-child td {
    border-bottom: none;
}

.specialties-table tr:hover {
    background: #f5f8ff;
}

.specialties-table tr.selected {
    background: #d1e0ff; /* Подсветка при клике */
    transition: background 0.2s ease;
}

@media (max-width: 768px) {
    .specialties-table {
        font-size: 13px;
        display: block;
    }

    .specialties-table thead {
        display: none; /* Скрываем заголовки */
    }

    .specialties-table tbody,
    .specialties-table tr {
        display: block;
    }

    .specialties-table td {
        display: flex;
        justify-content: space-between;
        text-align: left;
        padding: 10px 15px;
        border-bottom: none;
        position: relative;
    }

    .specialties-table td::before {
        content: attr(data-label);
        font-weight: bold;
        color: #1a3c87;
        margin-right: 10px;
        flex: 0 0 40%;
    }

    .specialties-table tr {
        margin-bottom: 15px;
        background: #eef4ff;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .specialties-table tr:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .specialties-table tr.selected {
        background: #d1e0ff;
    }
}