/* Глава 2: дополнения к общим стилям (styles.css). Логические свойства: готово к RTL. */

.ch2 .brand { flex: 1; min-inline-size: 0; }
@media (max-width: 400px) { .topbar-inner { gap: 6px; } }

/* сообщения и таблица ИИ в истории */
.chat-dialog-body { flex-direction: column; justify-content: flex-start; gap: 10px; }
.msg { display: flex; }
.msg-me { justify-content: flex-end; }
.msg-me .bubble { max-inline-size: 88%; }
.msg-ai { justify-content: flex-start; }
.msg-ai .bubble { max-inline-size: 94%; background: transparent; border: 1px solid var(--line); border-radius: 14px 14px 14px 4px; }

.aitable-body { padding: 14px 16px 12px; }
.aitable-title { margin: 0 0 6px; font-weight: 700; font-size: 17px; }
.aitable-rows { list-style: none; margin: 0; padding: 0; }
.aitable-rows li { padding: 7px 0; border-block-end: 1px dashed var(--line); font-size: 16px; line-height: 1.4; }
.aitable-total { margin: 10px 0 0 !important; display: flex; justify-content: space-between; align-items: baseline; font-size: 18px; }
.aitable-total b { font-size: 24px; font-variant-numeric: tabular-nums; }

/* шаг 6: запрос с пустыми местами */
.prompt { margin: 8px 0 20px; }
.prompt .final-actions { margin-block: 4px 8px; }
.prompt .task-actions { margin-block-start: 8px; }