/* Стили модуля «Фокус и микрофон» (Task 14). Только цвета палитры app.css (переменные --bg, --card, --acc …);
   своих ключевых кадров анимации и пометок important нет: движение — анимации из app.css (кольцо записи — pulse), и
   правило prefers-reduced-motion в его конце действует и здесь. */

/* ---- «Сегодня»: полоса фокуса над задачами; кольцо — .mr из app.css (янтарное, убывает к нулю) */
.fx-bar { display: flex; align-items: center; gap: 10px; }
.fx-bar .mr { width: 30px; height: 30px; }
.fx-bar .tx { flex: 1; min-width: 0; font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.fx-bar .tx > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.fx-bar .tx small { display: block; font-weight: 400; font-size: 11.5px; color: var(--sub); }
.fx-time { font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; white-space: nowrap; }
.fx-bar .btn { flex: none; }

/* ---- панель «Сделал?» */
.fx-q { font-size: 15px; font-weight: 700; }

/* ---- микрофон у поля «Что нужно сделать?»: светлый круг с чёрной иконкой, как на макете; запись — янтарь и пульс */
.mic { width: 38px; height: 38px; margin-right: -6px; border-radius: 50%; border: 0; padding: 0; background: var(--text); color: #000;
  display: inline-flex; align-items: center; justify-content: center; flex: none; transition: transform .12s, background .2s, color .2s; }
.mic svg { width: 16px; height: 16px; stroke-width: 2.4; }
.mic:active { transform: scale(.92); }
.mic:disabled { opacity: .5; cursor: default; transform: none; }
.mic.rec { background: var(--acc); color: var(--on-acc); animation: pulse 1.6s infinite; }
.vnote { margin-top: -4px; overflow-wrap: anywhere; }