/* LIVE WEBRTC */
.live-header { display:flex; align-items:flex-start; gap:var(--space-4); margin-bottom:var(--space-6); flex-wrap:wrap; }
.live-icone-badge { width:52px; height:52px; border-radius:var(--radius-lg); background:var(--couleur-live-pale); border:1px solid rgba(224,80,80,.3); display:flex; align-items:center; justify-content:center; font-size:22px; color:var(--couleur-live); flex-shrink:0; }
.live-info-bar { display:flex; align-items:center; gap:var(--space-4); flex-wrap:wrap; padding:var(--space-3) var(--space-4); background:var(--couleur-fond-carte); border:1px solid var(--couleur-bordure); border-radius:var(--radius-lg); margin-bottom:var(--space-4); }
.live-statut-badge { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); font-weight:var(--weight-semi); padding:4px var(--space-3); border-radius:var(--radius-full); background:var(--couleur-or-pale); color:var(--couleur-or); border:1px solid rgba(201,162,74,.25); }
.live-statut-badge.live-en-direct { background:var(--couleur-live-pale); color:var(--couleur-live); border-color:rgba(224,80,80,.3); }
.live-dot { animation:pulse-live 1.5s ease infinite; font-size:8px; }
@keyframes pulse-live { 0%,100%{opacity:1}50%{opacity:.4} }
.live-compteur { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); color:var(--couleur-texte-faible); }
.live-studio { display:grid; grid-template-columns:1fr; gap:var(--space-4); }
@media(min-width:768px) { .live-studio { grid-template-columns:2fr 1fr; } }
.live-video-zone { background:var(--couleur-noir); border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:16/9; position:relative; }
.live-video-el { width:100%; height:100%; object-fit:cover; }
.live-overlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-3); color:var(--couleur-texte-faible); font-size:var(--text-sm); background:rgba(0,0,0,.6); }
.live-controles { display:flex; flex-direction:column; gap:var(--space-3); }
.live-topbar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid var(--couleur-bordure); border-radius:12px; background:var(--couleur-fond-carte); margin-bottom:12px; }
.live-toolbar { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.live-toolbar .btn { padding:8px 10px; }
.live-state-card { padding:12px 14px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.05); color:var(--couleur-texte-faible); font-size:13px; line-height:1.5; }
.live-participants { display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.live-participant-pill { display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-radius:10px; background:var(--couleur-fond-carte); color:var(--couleur-texte); font-size:13px; }
.btn-danger { background:var(--couleur-danger); color:var(--couleur-blanc); border:none; }
.btn-danger:hover { filter:brightness(1.1); transform:translateY(-1px); }