/* Базовый стиль ячеек */
td {
    background-color: white;
}

/* Убираем ограничение на ширину при редактировании */
.editable-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}

/* Когда ячейка в фокусе (редактировании), растягиваем её */
.editable-cell:focus {
    outline: 2px solid #4f46e5;
    background-color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    z-index: 50 !important; /* Еще выше, чтобы перекрыть всё */
    position: relative;
    white-space: normal !important; /* Разрешаем перенос текста */
    overflow: visible !important;   /* Показываем весь текст */
    min-width: 300px;              /* Даем место для редактирования */
    width: auto !important;
}

.yandex-template {
    background-color: #fef08a;
    color: #854d0e;
    padding: 0 2px;
    border-radius: 2px;
    font-weight: 500;
}

.sticky-col {
    background-color: white !important;
    z-index: 20 !important;
}

.sticky-col.border-r {
    box-shadow: 2px 0 5px rgba(0,0,0,0.05);
}

tr:hover .sticky-col {
    background-color: rgb(248, 250, 252) !important;
}