/*
 * Кнопка «Текст» под голосовым сообщением и сама расшифровка
 * (voice-transcribe.js, ajax_transcribe.php). Отдельным файлом, а не куском
 * chat-ui.css: та же кнопка есть в общем чате, а он chat-ui.css не грузит.
 */

/* Кнопка «Текст» под голосовым и сама расшифровка (voice-transcribe.js).
   Кнопка намеренно неприметная: расшифровка нужна не всегда, а голосовое
   должно оставаться голосовым, а не превращаться в форму с кнопками. */
.voice-stt-btn {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-secondary, #6b7280);
    background: var(--surface-2, rgba(127, 127, 127, .12));
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.voice-stt-btn:hover { color: var(--text-primary, #111827); }
.voice-stt-btn:disabled { opacity: .6; cursor: default; }

.voice-stt-text {
    margin-top: 4px;
    padding: 6px 8px;
    font-size: 13px;
    line-height: 1.35;
    color: var(--text-primary, #111827);
    background: var(--surface-2, rgba(127, 127, 127, .10));
    border-radius: 8px;
    white-space: pre-wrap;
    word-break: break-word;
}
.voice-stt-text.voice-stt-error { color: var(--danger, #b91c1c); }
.voice-stt-note {
    margin-top: 4px;
    font-size: 11px;
    opacity: .65;
}