/* ══════════════════════════════════════════════════════
   اضافه کن به انتهای css/combined.css یا هر فایل CSS آخر
   ════════════════════════════════════════════════════ */

/* ── active state برای nav-item TTS ── */
#navTTS.active {
  background: var(--hover-bg, rgba(255,255,255,0.06));
  color: var(--accent);
}

/* ── انیمیشن spinner برای دکمه loading ── */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* ── flex برای ttsPlayer ── */
#ttsPlayer {
  display: none;
  flex-direction: column;
  gap: 8px;
}