/* ---------- запись фразой, вложения, файлы: то, чего в прототипе не было (оформлено в его стиле) ---------- */

/* предупреждение «Записываю первые 10 задач…» и подсказка про микрофон: спокойные строки над полем, как «Похоже, уже есть» */
.cmp-warn, .cmp-mic-hint { margin-bottom: 8px; padding: 10px 12px; border-radius: 16px; background: var(--surface-2); font-size: 14px; line-height: 18px; overflow-wrap: anywhere; }
.cmp-warn { box-shadow: inset 3px 0 0 var(--doing); }
.cmp-mic-hint { box-shadow: inset 3px 0 0 var(--accent); }
.cmp-warn[hidden], .cmp-mic-hint[hidden] { display: none; }

/* ход загрузки вложения: тонкая полоска под названием */
.att-prog { display: block; height: 4px; margin-top: 6px; border-radius: 2px; background: var(--line); overflow: hidden; }
.att-prog i { display: block; width: 0; height: 100%; border-radius: 2px; background: var(--accent); transition: width .2s var(--ease-out); }
.att-n .att-err { color: color-mix(in srgb, var(--urgent) 85%, var(--text)); }
@media (prefers-reduced-motion: reduce) { .att-prog i { transition: none; } }