/**
 * AudioIgniter player styling for Tokyo Studio Capture.
 * Migrated verbatim from additional-css.txt (Phase 0.1 audit); no values
 * changed. Phase 1B: hardcoded #C19A83 replaced with var(--tsc-accent) --
 * same resolved color, now sourced from tokens.css.
 */

.demo-audio {
	margin-top: 20px;
}

/* Active (currently playing) track */
.ai-track-active {
	background-color: var(--tsc-accent) !important;
}

/* Hover */
.ai-track:hover {
	background-color: var(--tsc-accent) !important;
}

.ai-audio-control {
	background-color: var(--tsc-accent) !important;
	color: #000 !important;
	border-radius: 50%;
}

/* Progress bar track */
.ai-track-progress-bar {
	background-color: #333 !important;
}

/* Progress bar fill */
.ai-track-progress {
	background-color: var(--tsc-accent) !important;
}

/* Repeat button, active state background only */
.ai-btn-repeat.ai-btn-active {
	background-color: var(--tsc-accent) !important;
}

/* Leave the repeat icon SVG white */
.ai-btn-repeat.ai-btn-active svg {
	fill: #fff !important;
}

/* Intentionally not styled: .ai-audio-volume-bars span (leave AudioIgniter default) */

/* Active volume bar segments */
.ai-audio-volume-bars span.ai-volume-bar-active::before,
.ai-audio-volume-bars span.ai-volume-bar-active::after {
	background: var(--tsc-accent) !important;
}

/* Player container width */
.audioigniter-root {
	max-width: 800px;
}