/* Стили для AI чата */

/* Нормализация размеров заголовков внутри сообщений чата */
.llm-chat-content h1 { font-size: 1.4em; }
.llm-chat-content h2 { font-size: 1.25em; }
.llm-chat-content h3 { font-size: 1.1em; }
.llm-chat-content h4,
.llm-chat-content h5,
.llm-chat-content h6 { font-size: 1em; }
.llm-chat-content h1,
.llm-chat-content h2,
.llm-chat-content h3,
.llm-chat-content h4,
.llm-chat-content h5,
.llm-chat-content h6 {
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    font-weight: 600;
    line-height: 1.3;
}

/* Маленькая иконка отправителя рядом с именем — только на узком экране */
.llm-chat-content .llm-avatar-sm {
    display: none;
}

/* Мобильный вид сообщений: иконка уходит к имени, пузырь-облако убираем,
   текст растягивается на всю ширину, боковой «хвостик» скрываем */
@media (max-width: 575.98px) {
    /* Прячем большую боковую иконку и стрелку-хвостик облака */
    .llm-chat-content .direct-chat-msg .direct-chat-img {
        display: none;
    }
    .llm-chat-content .direct-chat-msg .direct-chat-text::before,
    .llm-chat-content .direct-chat-msg .direct-chat-text::after {
        display: none;
    }

    /* Одна строка для всех сообщений: иконка слева, имя, дата справа */
    .llm-chat-content .direct-chat-infos {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 3px;
    }
    .llm-chat-content .direct-chat-name {
        flex: 1 1 auto;
        min-width: 0;
    }
    .llm-chat-content .direct-chat-timestamp {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* Показываем маленькую иконку рядом с именем */
    .llm-chat-content .direct-chat-infos .llm-avatar-sm {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        object-fit: cover;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #444;
    }

    /* Облако-пузырь оставляем как на десктопе (фон, рамка, скругление),
       только убираем боковой отступ в 50px под иконку — она уехала к имени,
       поэтому пузырь тянется почти на всю ширину. Стрелку-хвостик прячем выше. */
    .llm-chat-content .direct-chat-msg .direct-chat-text {
        margin: 4px 0 0;
    }
}