/* ═══════════════════════════════════════════════════════════════════════════
   RAVVO — V10 FIX: Composer de Treino (tema escuro)  (2026-06)
   --------------------------------------------------------------------------
   O css/v2-components.css define o modal "Novo treino" (Biblioteca de WODs +
   Treino em montagem) com cores CLARAS fixas (#fff, #f8f8f8, #111), que
   ficam brancas e com texto apagado no tema escuro do Ravvo.

   Este arquivo sobrepõe essas cores pelas variáveis do tema — funciona em
   dark e light. Carregar DEPOIS de v2-components.css.
   ═══════════════════════════════════════════════════════════════════════════ */

/* containers */
.composer-library,
.composer-session {
  background: var(--bg-input) !important;
  border-color: var(--border) !important;
}
.composer-section-title { color: var(--text-primary) !important; }

/* itens da biblioteca */
.library-item {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}
.library-item:hover {
  border-color: var(--accent, #8B3FE8) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}
.library-item.used {
  background: var(--bg-modal) !important;
  opacity: .55 !important;
}
.library-item.used:hover { border-color: var(--border) !important; box-shadow: none !important; }

/* nome do WOD + meta dentro do item (estavam apagados) */
.library-item strong,
.library-item .wod-name,
.library-item b { color: var(--text-primary) !important; }
.library-item small,
.library-item .text-muted,
.library-item span:not(.badge) { color: var(--text-secondary) !important; }

/* itens já montados na sessão */
.working-item {
  background: var(--bg-card) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}
.working-info strong { color: var(--text-primary) !important; }
.working-info .text-muted { color: var(--text-secondary) !important; }

/* área vazia "Nenhum WOD adicionado" */
.empty-working {
  border-color: var(--border) !important;
  color: var(--text-secondary) !important;
}

/* corpo do WOD nos blocos */
.session-wod-block .wod-body { color: var(--text-secondary) !important; }

/* inputs internos do composer herdam o tema */
.composer-library .form-input,
.composer-session .form-input {
  background: var(--bg-modal) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}

/* badges de modalidade dentro dos itens: garante contraste */
.library-item .badge,
.working-item .badge {
  background: var(--accent-dim, rgba(139,63,232,.18)) !important;
  color: var(--accent, #8B3FE8) !important;
}