/* Grille des directs en cours (frontend/lives.html) — réutilise .grid/.card
   de style.css, complété ici pour l'absence de photo (bandeau dégradé) et le
   badge "En direct" (distinct de badge-category, couleur rouge plutôt que
   la teinte accent habituelle, pour signaler un statut plutôt qu'une
   catégorie d'objet). */

.live-list-media {
  height: 120px;
  background: linear-gradient(135deg, #1a1204, var(--card-bg));
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-live {
  position: static;
  background: #e0263f;
  border-color: rgba(224, 38, 63, 0.5);
}

.live-list-seller {
  color: var(--text-muted);
  font-size: 0.85rem;
}

.live-list-card .btn {
  margin-top: auto;
  text-align: center;
}

.empty-state {
  color: var(--text-muted);
  padding: 40px 0;
  text-align: center;
  grid-column: 1 / -1;
}