/* voicecalls 2026-10-29: голосовые сообщения (плеер + запись), desktop + m. */
.vc_voice{display:flex;align-items:center;max-width:320px;padding:4px 0;margin:2px 0;user-select:none;-webkit-user-select:none}
.vc_voice_play{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#5e81a8;position:relative;cursor:pointer;margin-right:8px;text-decoration:none}
.vc_voice_play:hover{background:#4a6e96;text-decoration:none}
.vc_voice_play:before{content:'';position:absolute;left:11px;top:8px;border-style:solid;border-width:6px 0 6px 9px;border-color:transparent transparent transparent #fff}
.vc_voice_playing .vc_voice_play:before{left:9px;top:9px;width:3px;height:10px;border:0;border-left:3px solid #fff;border-right:3px solid #fff;background:transparent;box-sizing:content-box;width:3px}
.vc_voice_wave{position:relative;flex:0 1 200px;height:22px;cursor:pointer;overflow:hidden;min-width:80px}
.vc_voice_bars{position:absolute;left:0;top:0;height:22px;white-space:nowrap;display:flex;align-items:flex-end}
.vc_voice_bars i{display:inline-block;width:2px;margin-right:2px;background:#b7c6d8;border-radius:1px;flex:0 0 auto}
.vc_voice_prog{position:absolute;left:0;top:0;height:22px;width:0;overflow:hidden}
.vc_voice_prog .vc_voice_bars i{background:#5e81a8}
.vc_voice_time{flex:0 0 auto;margin-left:8px;color:#7f8c9c;font-size:11px;min-width:30px}
.vc_voice_m{max-width:100%}.vc_voice_m .vc_voice_wave{flex-basis:160px}
.vc_voice_m .vc_voice_play{width:32px;height:32px}
.vc_voice_m .vc_voice_play:before{left:13px;top:10px}
.vc_voice_m.vc_voice_playing .vc_voice_play:before{left:11px;top:11px}
/* кнопка микрофона (mmsg 2026-10-29: inline SVG в currentColor вместо нарисованной псевдоэлементами) */
.vc_voice_mic{display:inline-block;width:26px;height:26px;margin:3px 0 0 8px;border-radius:50%;position:relative;cursor:pointer;color:#5e81a8;opacity:.75}
.vc_voice_mic:hover{opacity:1;background:#e9eef4}
.vc_voice_mic .vc_voice_svg{position:absolute;left:4px;top:4px;width:18px;height:18px;pointer-events:none}
.vc_voice_mic_m{vertical-align:middle;margin:0 2px;opacity:1;color:#818c99}
.vc_voice_mic_m .vc_voice_svg{left:10px;top:10px;width:24px;height:24px}
.vc_voice_mic_m:active{color:#5e81a8}
/* полоса записи */
.vc_voice_rec{display:flex;align-items:center;padding:6px 8px;margin:0 0 6px;background:#f0f2f5;border-radius:4px;font-size:12px;color:#333}
.vc_voice_rec_dot{width:10px;height:10px;border-radius:50%;background:#e64646;margin-right:8px;animation:vc_voice_blink 1s infinite}
.vc_voice_rec_t{font-weight:bold;min-width:36px}
.vc_voice_rec_lbl{flex:1 1 auto;color:#7f8c9c;margin-left:6px}
.vc_voice_rec a{margin-left:12px;cursor:pointer}
.vc_voice_rec_send{font-weight:bold}
.vc_voice_rec_busy a{pointer-events:none;opacity:.5}
.vc_voice_rec_busy .vc_voice_rec_dot{animation:none;background:#5e81a8}
.vc_voice_rec_m{margin:0;padding:0 0 0 0;height:44px;background:transparent;border-radius:0;font-size:14px}
.vc_voice_rec_m .vc_voice_rec_x{display:block;width:44px;height:44px;margin:0;line-height:44px;text-align:center;font-size:26px;color:#818c99;text-decoration:none}
.vc_voice_rec_m .vc_voice_rec_dot{margin:0 8px 0 4px}
.vc_voice_rec_m .vc_voice_rec_t{font-size:15px}
.vc_voice_rec_m .vc_voice_rec_send{display:block;flex:0 0 40px;width:40px;height:40px;margin:2px;border-radius:50%;background:#5e81a8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M3.4 20.4 21.5 12 3.4 3.6 3.4 10.1 15 12 3.4 13.9z'/%3E%3C/svg%3E") no-repeat 55% 50%;background-size:22px 22px}
/* desktop: полоса записи — белая панель в рамке, как поле ввода (на сером #f2f2f2 композера иначе не читается) */
.vc_voice_rec:not(.vc_voice_rec_m){background:#fff;border:1px solid #dae1e8;border-radius:2px;margin:6px 0}
@keyframes vc_voice_blink{50%{opacity:.25}}
.vc_voice_att{display:inline-block;padding:4px 8px;margin:4px;background:#e9eef4;border-radius:4px;font-size:12px;color:#5e81a8}
.vc_voice_att .vc_voice_svg{width:14px;height:14px;margin:0 4px 0 -2px;vertical-align:-3px}
.vc_voice_att .vc_voice_att_l{color:#333}
/* тёмная тема (html.vc-dark, палитра css/vc_dark_palette.css) */
html.vc-dark .vc_voice_play{background:var(--vd-accent)}
html.vc-dark .vc_voice_play:hover{background:var(--vd-accent-hover)}
html.vc-dark .vc_voice_bars i{background:var(--vd-surface-6)}
html.vc-dark .vc_voice_prog .vc_voice_bars i{background:var(--vd-link)}
html.vc-dark .vc_voice_time{color:var(--vd-text-4)}
html.vc-dark .vc_voice_mic:hover{background:var(--vd-surface-3)}
html.vc-dark .vc_voice_rec{background:var(--vd-surface-3);color:var(--vd-text)}
html.vc-dark .vc_voice_rec_lbl{color:var(--vd-text-4)}
html.vc-dark .vc_voice_att{background:var(--vd-surface-3);color:var(--vd-text-2)}
html.vc-dark .vc_voice_mic{color:var(--vd-link-muted)}
html.vc-dark .vc_voice_mic_m{color:var(--vd-text-3)}
html.vc-dark .vc_voice_mic_m:active{color:var(--vd-link)}
html.vc-dark .vc_voice_rec_m{background:transparent}
html.vc-dark .vc_voice_rec_m .vc_voice_rec_x{color:var(--vd-text-3)}
html.vc-dark .vc_voice_rec_m .vc_voice_rec_send{background-color:var(--vd-accent)}
html.vc-dark .vc_voice_att{color:var(--vd-link)}
html.vc-dark .vc_voice_att .vc_voice_att_l{color:var(--vd-text-2)}
/* список диалогов: иконка микрофона вместо нотки «аудиозаписи» */
.im_attach_audio.im_attach_voice{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235e81a8'%3E%3Cpath d='M12 14.5a3.5 3.5 0 0 0 3.5-3.5V5.5a3.5 3.5 0 1 0-7 0V11a3.5 3.5 0 0 0 3.5 3.5zm6.3-3.6a.9.9 0 0 0-1.8 0 4.5 4.5 0 0 1-9 0 .9.9 0 0 0-1.8 0 6.3 6.3 0 0 0 5.4 6.2v2.6H9.8a.9.9 0 0 0 0 1.8h4.4a.9.9 0 0 0 0-1.8h-1.3v-2.6a6.3 6.3 0 0 0 5.4-6.2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:12px 12px}
html.vc-dark .im_row_attach .im_attach_audio.im_attach_voice,html.vc-dark .im_attach_audio.im_attach_voice{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239db8d6'%3E%3Cpath d='M12 14.5a3.5 3.5 0 0 0 3.5-3.5V5.5a3.5 3.5 0 1 0-7 0V11a3.5 3.5 0 0 0 3.5 3.5zm6.3-3.6a.9.9 0 0 0-1.8 0 4.5 4.5 0 0 1-9 0 .9.9 0 0 0-1.8 0 6.3 6.3 0 0 0 5.4 6.2v2.6H9.8a.9.9 0 0 0 0 1.8h4.4a.9.9 0 0 0 0-1.8h-1.3v-2.6a6.3 6.3 0 0 0 5.4-6.2z'/%3E%3C/svg%3E")}
html.vc-dark .vc_voice_rec:not(.vc_voice_rec_m){background:var(--vd-input);border-color:var(--vd-input-border)}
/* mmsg 2026-10-29: m. список диалогов — «Голосовое сообщение» с иконкой микрофона */
.di_att_voice:before{content:'';display:inline-block;width:14px;height:14px;margin:0 3px 0 0;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232b587a'%3E%3Cpath d='M12 14.5a3.5 3.5 0 0 0 3.5-3.5V5.5a3.5 3.5 0 1 0-7 0V11a3.5 3.5 0 0 0 3.5 3.5zm6.3-3.6a.9.9 0 0 0-1.8 0 4.5 4.5 0 0 1-9 0 .9.9 0 0 0-1.8 0 6.3 6.3 0 0 0 5.4 6.2v2.6H9.8a.9.9 0 0 0 0 1.8h4.4a.9.9 0 0 0 0-1.8h-1.3v-2.6a6.3 6.3 0 0 0 5.4-6.2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:14px 14px}
html.vc-dark .di_att_voice:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2371aaeb'%3E%3Cpath d='M12 14.5a3.5 3.5 0 0 0 3.5-3.5V5.5a3.5 3.5 0 1 0-7 0V11a3.5 3.5 0 0 0 3.5 3.5zm6.3-3.6a.9.9 0 0 0-1.8 0 4.5 4.5 0 0 1-9 0 .9.9 0 0 0-1.8 0 6.3 6.3 0 0 0 5.4 6.2v2.6H9.8a.9.9 0 0 0 0 1.8h4.4a.9.9 0 0 0 0-1.8h-1.3v-2.6a6.3 6.3 0 0 0 5.4-6.2z'/%3E%3C/svg%3E")}