/* ══ msg-bubble.css — Единые стили пузырей сообщений ══ */
/* Используется в: чат, группы, каналы */

/* ── Voice Player ── */
.uc-voice-player { display:flex; align-items:center; gap:8px; min-width:200px; }
.uc-voice-player__btn { border:none; background:var(--md-primary); color:var(--md-on-primary); cursor:pointer; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.uc-voice-player__wave { flex:1; height:28px; display:flex; align-items:center; }
.uc-voice-player__seek { width:100%; height:4px; accent-color:var(--md-primary); }
.uc-voice-player__dur { font-size:11px; opacity:.7; flex-shrink:0; font-variant-numeric:tabular-nums; }
.uc-voice-player__speed { border:none; background:rgba(255,255,255,.15); color:inherit; font-size:10px; font-weight:700; padding:2px 5px; border-radius:8px; cursor:pointer; flex-shrink:0; min-width:28px; text-align:center; font-variant-numeric:tabular-nums; }
.uc-voice-player__transcribe { border:none; background:rgba(255,255,255,.15); color:inherit; cursor:pointer; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; opacity:.7; }
.uc-voice-player__transcribe:hover { opacity:1; }
.uc-voice-transcript { font-size:12px; line-height:1.4; margin-top:4px; padding:6px 10px; background:rgba(255,255,255,.08); border-radius:8px; white-space:pre-wrap; }

/* Варианты для "своих" сообщений (primary bubble) */
.uc-msg--self .uc-voice-player__btn,
.gc-msg--self .uc-voice-player__btn { background:var(--md-primary); color:var(--md-on-primary); }
.uc-msg--self .uc-voice-player__speed,
.gc-msg--self .uc-voice-player__speed { background:rgba(255,255,255,.2); }
.uc-msg--self .uc-voice-player__transcribe,
.gc-msg--self .uc-voice-player__transcribe { background:rgba(255,255,255,.2); }
.uc-msg--self .uc-voice-transcript,
.gc-msg--self .uc-voice-transcript { background:rgba(255,255,255,.1); }

/* Варианты для "чужих" сообщений (surface bubble) */
.uc-msg--partner .uc-voice-player__speed,
.gc-msg--other .uc-voice-player__speed { background:rgba(0,0,0,.08); }
.uc-msg--partner .uc-voice-player__transcribe,
.gc-msg--other .uc-voice-player__transcribe { background:rgba(0,0,0,.08); }
.uc-msg--partner .uc-voice-transcript,
.gc-msg--other .uc-voice-transcript { background:rgba(0,0,0,.05); }