/* Общий контейнер для таблицы с прокруткой */
.spedytor-table-wrapper {
    max-height: 450px !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
    border: 1px solid #ccc !important;
    margin-bottom: 15px !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

/* Отключаем отображение как номер телефона */

.spedytor-table td {
    format-detection: none;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    x-ms-format-detection: none;
}


/* Стили таблицы */
.spedytor-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    table-layout: auto !important;
}

/* Стили заголовков таблицы */
.spedytor-table th {
    padding: 10px !important;
    border: 1px solid #ddd !important;
    text-align: left !important;
    color: #fff !important;
    background-color: #444 !important; /* Темно-серая шапка */
}

/* Закрепление первой строки (шапки) */
.spedytor-table thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    background-color: #444 !important;
    color: #fff !important;
}

/* Закрепление первого столбца */
.spedytor-table th:first-child,
.spedytor-table td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 2 !important;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
}

/* Самый верхний левый угол (первая ячейка шапки) */
.spedytor-table thead th:first-child {
    z-index: 4 !important;
    background-color: #444 !important;
    color: #fff !important;
}

/* Стили для ячеек таблицы */
.spedytor-table td {
    padding: 8px !important;
    text-align: left !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
    white-space: nowrap !important;
    background-color: inherit !important;
}

/* Чередование строк таблицы — более яркое */
.spedytor-table tbody tr:nth-child(odd) {
    background-color: #f0f0f0 !important;
}

.spedytor-table tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}

.spedytor-table tbody tr:hover td {
    background-color: #ffe6ea !important;
    box-shadow: inset 0 1px 0 #cc0033, inset 0 -1px 0 #cc0033;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}





/* Стили для иконок загрузки */
.spedytor-download-icon {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle !important;
}

/* Стили редактируемых ячеек */
.editable {
    background-color: #f9f9f9 !important;
    transition: background-color 0.2s ease-in-out !important;
}

/* Стили для нередактируемых ячеек */
.non-editable {
    cursor: not-allowed !important;
    background-color: #e0e0e0 !important;
    color: #999 !important;
}

/* Стиль для выделения ячеек с датой 0000-00-00 */
.highlighted-cell {
    background-color: #ffcccc !important;
}

/* Адаптивность для мобильных экранов */
@media (max-width: 768px) {
    .spedytor-table {
        font-size: 12px !important;
    }

    .spedytor-table th,
    .spedytor-table td {
        padding: 6px 4px !important;
    }

    .spedytor-table-wrapper {
        max-height: 350px !important;
    }
}