/* Глобальные стили для таблицы: Десктоп и Адаптив */
.stylish-table-blue {
    width: 100% !important; 
    border-collapse: collapse !important;
    margin: 40px auto !important; 
    font-family: 'Arial', sans-serif !important; 
    font-size: 16px !important; 
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1) !important; 
    border-radius: 12px !important; 
    overflow: hidden !important; 
    display: table !important;
}

/* Стилизация элементов таблицы */
.stylish-table-blue thead { display: table-header-group !important; }
.stylish-table-blue tbody { display: table-row-group !important; }
.stylish-table-blue tr { display: table-row !important; }

/* СТИЛИЗАЦИЯ ШАПКИ (ДЕКСТОП): ИСПРАВЛЕНО ДЛЯ КОМПАКТНОСТИ */
.stylish-table-blue thead th {
    background-color: #1A2A38 !important; 
    color: #ffffff !important; 
    padding: 12px 8px !important; /* УМЕНЬШЕННЫЙ ВЕРТИКАЛЬНЫЙ И ГОРИЗОНТАЛЬНЫЙ ОТСТУП */
    text-align: center !important;
    border: none !important;
    letter-spacing: 0.5px !important; /* УМЕНЬШЕННЫЙ ИНТЕРВАЛ */
    font-weight: 700 !important;
    font-size: 14px !important; /* УМЕНЬШЕННЫЙ РАЗМЕР ШРИФТА ДЛЯ ШАПКИ */
    text-transform: uppercase !important;
    display: table-cell !important; 
    vertical-align: middle !important; 
}

/* СТИЛИЗАЦИЯ ТЕЛА ТАБЛИЦЫ (ДЕКСТОП) */
.stylish-table-blue td {
    padding: 15px 10px !important; /* Небольшое уменьшение отступа данных */
    text-align: center !important;
    border-bottom: 1px solid #e9e9e9 !important; 
    color: #333 !important;
    display: table-cell !important; 
    vertical-align: middle !important; 
    height: auto !important; 
}
 
.stylish-table-blue tbody tr:hover {
    background-color: #fafbfd !important;  
    cursor: pointer !important;
}

/* Выделение Доходности */
.stylish-table-blue td:nth-child(3) {
    font-weight: 800 !important; 
    font-size: 18px !important; 
    color: #007A00 !important; 
}

.stylish-table-blue tbody tr:last-child td {
    border-bottom: none !important;
}


/* -------------------------------------------------------------------------- */
/* АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ (Flexbox)                              */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    /* Устанавливаем карточный вид */
    .stylish-table-blue, .stylish-table-blue thead, .stylish-table-blue tbody, 
    .stylish-table-blue th, .stylish-table-blue td, .stylish-table-blue tr {
        display: block !important;
    }
    .stylish-table-blue thead { display: none !important; }
    .stylish-table-blue tr {
        border: 1px solid #e0e0e0 !important;
        margin-bottom: 20px !important; 
        border-radius: 8px !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
        background-color: #fff !important;
        padding: 0 !important;
        height: auto !important;
    }
    
    /* ПРИМЕНЕНИЕ FLEXBOX К ЯЧЕЙКАМ */
    .stylish-table-blue td {
        display: flex !important; 
        justify-content: space-between !important; 
        align-items: center !important; 
        border-bottom: 1px dotted #e0e0e0 !important;
        padding: 12px 15px !important; 
        height: auto !important; 
        line-height: 1.2 !important; 
        white-space: normal !important; 
    }
    .stylish-table-blue tr td:last-child { border-bottom: none !important; }
    
    /* Оформление ЗАГОЛОВКА в карточке (ФИНАЛЬНЫЙ ФИКС ДЛЯ ПЕРЕНОСА) */
    .stylish-table-blue td:before {
        content: attr(data-label) !important;
        font-weight: 700 !important; 
        color: #1A2A38 !important; 
        width: 70% !important;
        white-space: nowrap !important; /* ЗАПРЕТ ПЕРЕНОСА СТРОКИ */
        text-align: left !important;
        flex-shrink: 0 !important; 
        display: block !important;
    }
    
    /* Оформление ДАННЫХ в карточке */
    .stylish-table-blue td span {
        text-align: right !important;
        flex-grow: 1 !important; 
        display: block !important;
    }

    .stylish-table-blue td:nth-child(3) {
        font-size: 16px !important;
    }
    .stylish-table-blue tbody tr:hover {
        background-color: #fff !important;
        cursor: default !important;
    }
}