/* One compact dictation control for every CoachPro AI composer. */
.cp-ai-speech-btn{
  width:42px; height:42px; min-width:42px; min-height:42px;
  padding:9px; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 42px; align-self:flex-end;
  border:1px solid var(--border, rgba(140,145,160,.3));
  border-radius:13px; color:var(--text, #eee);
  background:var(--surface2, #202027);
  cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.cp-ai-speech-btn svg{display:block;width:21px;height:21px;flex:none}
.cp-ai-speech-btn:hover,.cp-ai-speech-btn:focus-visible{
  border-color:var(--cp-brand, #ff4a10);
  background:rgba(var(--cp-brand-rgb,224,58,6),.1);
  outline:none;
}
.cp-ai-speech-btn.is-listening{
  border-color:var(--cp-brand-hi,#ff4a10);
  background:rgba(var(--cp-brand-rgb,224,58,6),.16);
  color:var(--cp-brand-hi,#ff4a10);
  box-shadow:0 0 0 3px rgba(var(--cp-brand-rgb,224,58,6),.12);
}
.cp-aihelp__form .cp-ai-speech-btn{margin:0 4px;align-self:center}
.cp-planai-compose .cp-ai-speech-btn{margin-top:8px}
.cp-coachai-body .cp-ai-speech-btn{margin:7px 0 5px auto}
@media(max-width:640px){
  .cp-ai-speech-btn{min-width:44px;min-height:44px;width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.cp-ai-speech-btn{transition:none}}
