/* Ses oynatıcı — VoxAI anons adımı (Ekran 11) */
.player-block { display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; }
.player-block__text { font-size: var(--text-sm); color: var(--text-2); line-height: var(--leading); padding: var(--sp-2) var(--sp-3); background: var(--surface-2); border-radius: var(--r-md); }
.player { display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-2) var(--sp-3) var(--sp-2) var(--sp-2); border: 1px solid var(--border); border-radius: var(--r-pill); background: var(--surface); min-width: 0; }
.player__btn { display: grid; place-items: center; width: var(--size-36); height: var(--size-36); border-radius: 50%; background: var(--primary); color: var(--on-accent); flex: none; transition: opacity var(--dur) var(--ease); }
.player__btn .icon { width: var(--size-16); height: var(--size-16); fill: currentColor; }
.player__btn:disabled { opacity: .5; cursor: not-allowed; }
.player__wave { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: var(--sp-0-5); height: var(--size-24); max-width: var(--size-200); overflow: hidden; }
.player__bar { flex: 0 0 var(--size-3); max-width: var(--size-3); border-radius: var(--r-hair); background: var(--border-strong); transition: background var(--dur) var(--ease); }
.player__bar.is-played { background: var(--primary); }
.player__bar.h-20 { height: 20%; }
.player__bar.h-35 { height: 35%; }
.player__bar.h-50 { height: 50%; }
.player__bar.h-65 { height: 65%; }
.player__bar.h-80 { height: 80%; }
.player__bar.h-100 { height: 100%; }
.player__time { font-size: var(--text-xs); color: var(--text-3); font-variant-numeric: tabular-nums; flex: none; white-space: nowrap; }
.player__meta { font-size: var(--text-xs); color: var(--text-3); }
.player[data-state="error"] .player__time { color: var(--danger-text); }