/* ================================================================
   SIDEBAR-VOICE.CSS — Premium Sidebar & Voice Components
   ================================================================ */

/* ── EQ Bar (mic active animation) ── */
.eq-bar { display: inline-flex; align-items: flex-end; height: 12px; gap: 2px; margin-left: 7px; }
.eq-bar span { width: 3px; background: var(--cyan); border-radius: var(--r-full); animation: eqBounce 0.4s infinite alternate; box-shadow: 0 0 5px rgba(6,182,212,0.5); }
.eq-bar span:nth-child(1) { animation-delay: 0.1s; }
.eq-bar span:nth-child(2) { animation-delay: 0.3s; }
.eq-bar span:nth-child(3) { animation-delay: 0s; }
.eq-bar span:nth-child(4) { animation-delay: 0.2s; }
@keyframes eqBounce { 0% { height: 3px; } 100% { height: 12px; } }

.radio-eq { display: inline-flex; align-items: center; gap: 2px; margin-left: 7px; height: 16px; }
.radio-eq span { width: 3px; background: var(--violet-light); border-radius: var(--r-full); animation: radioEq 0.5s infinite alternate; box-shadow: 0 0 6px rgba(124,58,237,0.5); }
.radio-eq span:nth-child(1) { animation-delay: 0.1s; height: 8px; }
.radio-eq span:nth-child(2) { animation-delay: 0.4s; height: 16px; }
.radio-eq span:nth-child(3) { animation-delay: 0.2s; height: 10px; }
.radio-eq span:nth-child(4) { animation-delay: 0.5s; height: 14px; }
.radio-eq span:nth-child(5) { animation-delay: 0.3s; height: 12px; }
@keyframes radioEq { 0% { transform: scaleY(0.25); opacity: 0.5; } 100% { transform: scaleY(1); opacity: 1; } }

/* ── Room Header Badge (in right panel) ── */
.room-header-badge {
    font-size: 13px; font-weight: 700; color: var(--text-primary);
    display: flex; align-items: center; gap: 6px;
    font-family: var(--font-display); letter-spacing: -0.2px;
}
.room-header-badge .hash { color: var(--cyan); opacity: 0.8; font-size: 15px; }

/* ── Section Title ── */
.section-title {
    font-size: 9px; font-weight: 700;
    color: var(--text-muted);
    text-transform: uppercase; letter-spacing: 1.3px;
    font-family: var(--font-body);
}

/* ── Light Theme Overrides ── */
body.light-theme .room-header-badge { color: #0f172a; }
body.light-theme .room-header-badge .hash { color: #2563eb; }
body.light-theme .eq-bar span { background: #0ea5e9; }
body.light-theme .radio-eq span { background: #7c3aed; }
body.light-theme .section-title { color: #94a3b8; }