.bevo-voice-stage {
  padding: 28px 24px 24px;
  text-align: center;
  background: radial-gradient(circle at 50% 38%, rgba(207,150,62,.08), transparent 38%), var(--bevo-paper);
}
.bevo-state-copy { display: none !important; }
.bevo-voice-centrepiece {
  display: grid;
  grid-template-columns: 54px 112px 54px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin: 4px auto 22px;
}
.bevo-voice-orb {
  position: relative;
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0;
  border: 5px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #d5a04a, #bd7f2d);
  color: var(--bevo-button-text, #fff);
  box-shadow: 0 14px 34px rgba(167,107,32,.25), 0 0 0 1px rgba(207,150,62,.26);
  outline: none;
  flex: none;
}
.bevo-voice-orb:hover { transform: scale(1.015); }
.bevo-voice-orb:focus-visible { box-shadow: 0 14px 34px rgba(167,107,32,.25), 0 0 0 4px rgba(207,150,62,.18); }
.bevo-voice-orb .bevo-mic-icon { width: 38px; height: 38px; position: relative; z-index: 3; }
.bevo-voice-rings, .bevo-voice-rings i { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.bevo-voice-rings i { border: 1px solid rgba(207,150,62,.3); animation: bevoRing 2.4s ease-out infinite; }
.bevo-voice-rings i:nth-child(2) { animation-delay: .55s; }
.bevo-voice-rings i:nth-child(3) { animation-delay: 1.1s; }
.bevo-waveform { width: 54px; display: flex; align-items: center; justify-content: center; gap: 3px; }
.bevo-waveform span { width: 3px; height: 7px; border-radius: 999px; background: #d9b57a; transform-origin: center; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-waveform span { animation: bevoWave .8s ease-in-out infinite alternate; }
.bevo-waveform span:nth-child(2n) { animation-delay: .12s; }
.bevo-waveform span:nth-child(3n) { animation-delay: .24s; }
.bevo-voice-primary {
  margin: 0 auto !important;
  max-width: 380px;
  color: var(--bevo-ink) !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.bevo-voice-hint {
  margin: 10px auto 0 !important;
  max-width: 370px;
  color: var(--bevo-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.bevo-live-transcript { margin: 16px auto 0; max-width: 380px; padding: 10px 14px; border: 1px solid var(--bevo-line); border-radius: 14px; background: var(--bevo-input-bg, #fff); font-size: 12px !important; }
.bevo-voice-actions { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 19px; }
.bevo-stop-listening { margin: 12px 0 0 !important; color: var(--bevo-muted); font-size: 11px !important; }
.bevo-processing-icon { display: none; width: 36px; height: 36px; border: 4px solid rgba(255,255,255,.42); border-top-color: var(--bevo-button-text, #fff); border-radius: 50%; animation: bevoSpin .8s linear infinite; }
.bevo-stop-icon { display: none; width: 18px; height: 18px; border-radius: 4px; background: var(--bevo-input-bg, #fff); }
.bevo-root[data-bevo-voice-state="listening"] .bevo-mic-icon,
.bevo-root[data-bevo-voice-state="processing"] .bevo-mic-icon { display: none; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-stop-icon { display: block; }
.bevo-root[data-bevo-voice-state="processing"] .bevo-processing-icon { display: block; }
.bevo-root[data-bevo-voice-state="processing"] .bevo-voice-rings i { animation: none; opacity: .35; }
.bevo-modal[data-bevo-mode]:not([data-bevo-mode="compact"]) .bevo-voice-stage { display: none; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-brand-block h2,
.bevo-root[data-bevo-voice-state="processing"] .bevo-brand-block h2 { font-size: 26px !important; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-voice-primary,
.bevo-root[data-bevo-voice-state="processing"] .bevo-voice-primary { display: none; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-voice-hint,
.bevo-root[data-bevo-voice-state="processing"] .bevo-voice-hint { margin-top: 6px !important; }
@keyframes bevoRing { from { opacity: .45; transform: scale(1); } to { opacity: 0; transform: scale(1.5); } }
@keyframes bevoWave { to { height: 24px; background: var(--bevo-gold); } }
@keyframes bevoSpin { to { transform: rotate(360deg); } }

/* v1.6.0 voice-flow visibility and recording feedback */
.bevo-root[data-bevo-voice-state="listening"] .bevo-waveform span,
.bevo-root[data-bevo-voice-state="listening"] .bevo-voice-orb { animation-play-state: running !important; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-waveform span { animation: bevo-wave-listening .7s ease-in-out infinite alternate !important; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-waveform span:nth-child(2n) { animation-delay: .12s !important; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-waveform span:nth-child(3n) { animation-delay: .24s !important; }
.bevo-root[data-bevo-voice-state="listening"] .bevo-voice-orb { box-shadow: 0 0 0 8px rgba(216,155,54,.14), 0 0 0 18px rgba(216,155,54,.08), 0 18px 36px rgba(88,54,16,.18) !important; }
.bevo-root[data-bevo-voice-state="processing"] .bevo-processing-icon { display:block !important; }
.bevo-root[data-bevo-voice-state="processing"] .bevo-mic-icon { opacity:.2 !important; }
@keyframes bevo-wave-listening { from { transform:scaleY(.45); opacity:.55; } to { transform:scaleY(1.35); opacity:1; } }
.bevo-live-transcript:not([hidden]) { display:block !important; }

/* v1.6.2 interrupted-session and microphone lifecycle states */
.bevo-root[data-bevo-voice-state="paused"] .bevo-waveform span { animation: none !important; opacity: .45; transform: scaleY(.65); }
.bevo-root[data-bevo-voice-state="paused"] .bevo-voice-orb { box-shadow: 0 0 0 7px rgba(216,155,54,.09), 0 16px 34px rgba(88,54,16,.16) !important; }
.bevo-root[data-bevo-voice-state="paused"] .bevo-stop-icon,
.bevo-root[data-bevo-voice-state="paused"] .bevo-processing-icon { display: none !important; }
.bevo-root[data-bevo-voice-state="paused"] .bevo-mic-icon { display: block !important; }

/* v3.11.8 — Hub/theme isolation for the primary microphone control.
 * Hub applies global button sizing/min-width/padding rules late in the cascade.
 * Keep the voice orb geometrically circular and self-contained regardless of
 * theme button/SVG styling. Scoped to BEVO only; no site/theme elements change. */
.bevo-root .bevo-voice-stage .bevo-voice-centrepiece{
  grid-template-columns:54px 112px 54px!important;
  align-items:center!important;
  justify-content:center!important;
}
.bevo-root .bevo-voice-stage .bevo-voice-centrepiece > button.bevo-voice-orb{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  inline-size:112px!important;
  min-inline-size:112px!important;
  max-inline-size:112px!important;
  block-size:112px!important;
  min-block-size:112px!important;
  max-block-size:112px!important;
  aspect-ratio:1 / 1!important;
  flex:0 0 112px!important;
  padding:0!important;
  margin:0!important;
  border:5px solid #fff!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#d5a04a,#bd7f2d)!important;
  color:var(--bevo-button-text,#fff)!important;
  box-shadow:0 14px 34px rgba(167,107,32,.25),0 0 0 1px rgba(207,150,62,.26)!important;
  outline:none!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:visible!important;
}
.bevo-root .bevo-voice-stage .bevo-voice-centrepiece > button.bevo-voice-orb::before,
.bevo-root .bevo-voice-stage .bevo-voice-centrepiece > button.bevo-voice-orb::after{
  content:none!important;
  display:none!important;
}
.bevo-root .bevo-voice-stage .bevo-voice-orb > svg.bevo-mic-icon{
  box-sizing:content-box!important;
  display:block!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:3!important;
  flex:none!important;
  transform:none!important;
}
@media(max-width:767px){
  .bevo-root .bevo-voice-stage .bevo-voice-centrepiece{
    grid-template-columns:34px 104px 34px!important;
  }
  .bevo-root .bevo-voice-stage .bevo-voice-centrepiece > button.bevo-voice-orb{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    inline-size:104px!important;
    min-inline-size:104px!important;
    max-inline-size:104px!important;
    block-size:104px!important;
    min-block-size:104px!important;
    max-block-size:104px!important;
    flex-basis:104px!important;
    border-width:4px!important;
  }
  .bevo-root .bevo-voice-stage .bevo-voice-orb > svg.bevo-mic-icon{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}