/* React Sidebar — companion module to global sidebar styles in base.css.

   This module only adds:
     - tiny extras for the React-only "no conversations / favorites"
       empty-state hints
     - the `clearAll` row hover (mirrors the legacy `.conv-clear-all`).

   The conversation-row running indicator (.convRunning / .convFinishing)
   lives in app/styles/base.css as plain (non-module) CSS. Reason: Turbopack's
   CSS-module pass mangles BOTH @keyframes declarations AND the animation:
   value references inside *.module.css. The earlier fn-form fix
   (commit b6fff9a) moved keyframes into base.css to keep their names
   stable — but that workaround broke later when Turbopack started
   mangling animation: references too, leaving sidebar.module.css
   pointing at hashed keyframe names that no @keyframes block matched.
   Solution: keep the whole running-indicator rule (selector + animation
   references) outside any *.module.css so nothing is mangled. The
   classes ``convRunning`` / ``convFinishing`` are applied via plain
   string literals in sessions-list.tsx, not via styles.*. */

.clearAll {
  padding: 6px 16px;
  font-size: 12px;
  color: var(--text-muted);
  cursor: pointer;
  text-align: center;
}
.clearAll:hover { color: var(--accent-red); }
