/* --- ОБЩИЕ СТИЛИ ДЛЯ РАМОК (ПРИМЕНЯЮТСЯ КО ВСЕМ LI) --- */
.table td ul li {
    border: 1px solid #ddd; /* Граница рамки */
    border-radius: 8px; /* Скругление углов */
    padding: 8px 12px; /* Внутренние отступы внутри рамки */
    white-space: normal; /* Разрешаем перенос текста */
    word-break: normal; /* Разрешаем перенос текста только по словам */
    /* flex-shrink: 0;  Запрещаем элементам сжиматься */
    display: inline-block; /* Позволяет элементам принимать ширину по содержимому */
    /* Важно: здесь мы НЕ задаем background-color, чтобы он не конфликтовал.
       Фон будет задаваться специфичными селекторами ниже. */
}

/* --- ОБЩИЕ СТИЛИ ДЛЯ UL (НЕ ИЗМЕНИЛИСЬ) --- */
.table td ul {
    list-style: none; /* Убираем стандартные маркеры списка */
    padding: 0; /* Убираем внутренние отступы у ul */
    margin: 0; /* Убираем внешние отступы у ul */
    display: flex; /* Используем flexbox для размещения элементов в строку */
    flex-wrap: wrap; /* Разрешаем элементам переноситься на новую строку */
    gap: 10px; /* Расстояние между элементами списка */
    justify-content: flex-start; /* Выравнивание элементов по левому краю */
}



/* --- ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ТАБЛИЦЫ (БЕЗ ИЗМЕНЕНИЙ) --- */
.table {
    width: 100%;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 10px;
    border: 1px solid #e0e0e0;
    vertical-align: top;
}

.table th {
    background-color: #f8f8f8;
    text-align: left;
}

.fc-event, .event-title {
        padding: 0 1px;
        white-space: normal;
    }
    
/* Стили для карточек */
    .card-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .card {
        background-color: #ffffff; /* Цвет по умолчанию */
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 8px 12px;
        margin-bottom: 8px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        transition: background-color 0.3s ease;
    }    
    
/* * ЦВЕТА СТАТУСОВ
 * Здесь мы определяем цвета для каждого статуса.
 * Названия классов генерируются автоматически из названий столбцов.
 * Например, "В работе" -> "status-v-rabote"
*/
.status-zaplanirovano { background-color: #ffffff; } /* Белый */
.status-sleduyuschaya-nedelya { background-color: #f0f0f0; } /* Светло-серый */ 
.status-oghidanie { background-color: #fffacd; } /* Светло-желтый */
.status-v-rabote { background-color: #FCE883; } /* Желтый */
.status-problema { background-color: #FADADD; } /* Розовый */
.status-vypolneno { background-color: #BDECB6; } /* Светло-зеленый */
.status-pnr { background-color: #DAE3F3; } /* Светло-синий */
.status-id { background-color: #ABCDEF; } /* Светло-синий */
.status-vypolneno-pnr { background-color: #42AAFF; } /* Зеленый */ 
.status-priemka { background-color: #C8A2C8; } /* Сиреневый */