.status-indicator {
    display: inline-block;
    border-radius: 50%;
    width: 20px;  /* Уменьшено для индикаторов в таблице */
    height: 20px;
    margin-top: 0; /* Удалено, так как не нужно для таблицы */
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.2); background-color: green; } /* Изменено для эффекта увеличения и смены цвета */
    100% { transform: scale(1); }
}

.media-preview {
    display: flex;
    flex-wrap: nowrap; /* Блоки не будут переноситься на новую строку */
    overflow-x: auto; /* Полоса прокрутки по горизонтали при необходимости */
    align-items: center; /* Выравнивание элементов по вертикали */
    gap: 10px; /* Расстояние между элементами */
}

.media-item {
    flex-shrink: 0; /* Предотвратим "сжатие" элементов в контейнере */
    width: auto; /* Автоматическая ширина элемента */
    max-width: 200px; /* Максимальная ширина каждой картинки или видео */
}