.cba-live-root { position:relative; max-width:960px; margin:0 auto; }
.cba-live-iframe, .cba-live-video { width:100%; aspect-ratio:16/9; }
.cba-live-badge { position:absolute; top:10px; left:10px; background:#e10600; color:#fff; padding:4px 8px; border-radius:4px; font:600 12px/1 system-ui; }
.cba-offline-card { padding:16px; border:1px solid #2e3440; border-radius:8px; background:#0f1218; color:#e5e7eb; }
.cba-offline-card a { color:#9bd2ff; text-decoration:underline; }
.cba-section-title { color:#e5e7eb; font-weight:600; margin:8px 0; }


/* Tabs de playlists */
.cba-live-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.cba-live-tabs .cba-tab {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.35);
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

.cba-live-tabs .cba-tab.is-active {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.8);
  font-weight: 600;
}

/* Título e textos claros */
.cba-playlist-title {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 4px 0 6px;
}

.cba-offline-card {
  color: #fff;
}

@media (max-width: 768px) {
  .cba-live-tabs .cba-tab { font-size: 13px; }
}