/**
 * Audio Controls Component
 * All audio-related UI components including:
 * - Volume bars (visualizers for mic testing and live broadcasting)
 * - Microphone status indicators
 * - Volume warnings and alerts
 * - Audio level displays
 */

/* Volume Bar Base Styles */
.volume-bar,
.live-volume-bar {
    min-height: 8px;
    height: 8px;
    transition: height 0.1s ease, background 0.1s ease;
}

/* Volume Bar Color States */
.volume-bar-green {
    background: var(--success-color, #10b981);
}

.volume-bar-yellow {
    background: var(--warning-color, #f59e0b);
}

.volume-bar-red {
    background: var(--danger-color, #ef4444);
}

.volume-bar-inactive {
    height: 8px;
    background: var(--gray-light, #cbd5e1);
}

/* Microphone Status Text Colors */
.text-mic-success {
    color: var(--success-color, #10b981);
}

.text-mic-warning {
    color: var(--warning-color, #f59e0b);
}

.text-mic-muted {
    color: var(--text-secondary, #64748b);
}

/* Live Volume Warning Styles */
.volume-warning-danger {
    background: #fee2e2;
    border: 2px solid #f87171;
    color: #7f1d1d;
    padding: 12px 16px;
}

.volume-warning-warning {
    background: #fef3c7;
    border: 2px solid #fbbf24;
    color: #78350f;
    padding: 12px 16px;
}

.volume-warning-info {
    background: #dbeafe;
    border: 2px solid #60a5fa;
    color: #1e3a8a;
    padding: 12px 16px;
}