/* === TASK-DISCUSSION.CSS ===
   assets/css/task-discussion.css
   НАЗНАЧЕНИЕ: Стили единого обсуждения задачи
   РАЗМЕР: ~120 строк */

/* Область сообщений */
.tf-disc-messages {
    max-height: 350px; overflow-y: auto;
    display: flex; flex-direction: column; gap: 6px;
    padding: 8px 0;
}

/* Пустое состояние */
.tf-disc-empty {
    text-align: center; padding: 20px;
    color: var(--text-muted); font-size: 12px;
}

/* Сообщение пользователя */
.tf-disc-msg {
    padding: 6px 10px; border-radius: 8px;
    font-size: 12px; line-height: 1.4;
}
.tf-disc-msg--own {
    background: hsla(217, 91%, 60%, 0.08);
    border-left: 2px solid var(--color-primary);
}
.tf-disc-msg--other {
    background: var(--card-bg, hsl(220, 13%, 8%));
    border-left: 2px solid var(--text-muted);
}
.tf-disc-msg--ai {
    background: hsla(160, 60%, 45%, 0.06);
    border-left: 2px solid var(--ai-green, #10b981);
}

/* Заголовок сообщения */
.tf-disc-msg-header {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 3px;
}
.tf-disc-msg-author {
    font-weight: 600; font-size: 11px;
    color: var(--text-primary);
}
.tf-disc-ai-label {
    color: var(--ai-green, #10b981);
}
.tf-disc-msg-time {
    font-size: 10px; color: var(--text-muted);
}

/* Текст сообщения */
.tf-disc-msg-text {
    color: var(--text-primary);
    word-wrap: break-word;
}

/* Системное событие - компактная строка */
.tf-disc-event {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 3px 0; font-size: 10px;
    color: var(--text-muted);
}
.tf-disc-event-text { opacity: 0.7; }
.tf-disc-event-time { opacity: 0.5; }

/* @mention выделение */
.tf-disc-mention {
    font-weight: 600;
    color: var(--color-primary);
}

/* Ссылка на задачу */
.tf-disc-task-link {
    color: var(--color-primary);
    text-decoration: underline;
}

/* AI typing */
.tf-disc-typing {
    padding: 4px 10px; font-size: 11px;
    color: var(--ai-green, #10b981);
    display: none;
}
.tf-disc-typing.active { display: block; }

/* Поле ввода */
.tf-disc-input-wrap {
    display: flex; align-items: center; gap: 6px;
    padding-top: 8px; border-top: 1px solid var(--border);
    margin-top: 6px;
}
.tf-disc-input {
    flex: 1; padding: 6px 8px; font-size: 12px;
    background: var(--bg-hover, hsl(220, 13%, 10%));
    border: 1px solid var(--border); border-radius: 6px;
    color: var(--text-primary); outline: none;
}
.tf-disc-input:focus { border-color: var(--color-primary); }
.tf-disc-input::placeholder { color: var(--text-muted); }

/* Кнопка @AI */
.tf-btn-accent {
    background: var(--ai-green, #10b981) !important;
    color: #fff !important; font-size: 11px !important;
    padding: 4px 8px !important; border-radius: 4px !important;
}
.tf-btn-accent:hover { opacity: 0.85; }

/* Light theme */
html.light-theme .tf-disc-msg--own {
    background: hsla(217, 91%, 55%, 0.06);
}
html.light-theme .tf-disc-msg--ai {
    background: hsla(160, 55%, 45%, 0.05);
}
html.light-theme .tf-disc-input {
    background: var(--bg-hover, hsl(220, 20%, 93%));
}
