/* Reuse Editorial Lab: quiet composer controls, visible state, no extra panel. */
.native-voice{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px;min-width:0}
.native-voice .button{min-height:36px;padding:6px 10px;font-size:12px}
.voice-start svg{width:16px;height:16px;flex:none}
.voice-start{margin-right:auto}
.voice-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-right:auto}
.voice-state:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ochre);flex:none}
.native-voice[data-state=active] .voice-state{color:var(--moss)}
.native-voice[data-state=active] .voice-state:before{background:var(--moss)}
.native-voice[data-state=unknown] .voice-state:before,.native-voice[data-state=failed] .voice-state:before{background:var(--danger)}
.voice-end{border-color:#e2cbc5!important;color:var(--danger)!important}
.voice-detail,.voice-transcript{flex-basis:100%;font-size:11px;line-height:1.5;margin:2px 0 0;overflow-wrap:anywhere}
.voice-detail{color:var(--danger)}
.voice-transcript{color:var(--muted);max-height:3em;overflow:hidden}
.native-voice audio{display:none}
.native-voice [hidden]{display:none!important}
.native-voice button:focus-visible{outline:3px solid #7b977f;outline-offset:2px}
@media(max-width:420px){.native-voice .button{min-height:40px}.voice-state{font-size:10px}.voice-detail{font-size:11px}}