/* 0.18.47 · Category 2 mobile panel + transcription marker corrective.
   Phone layouts expose only Participants/Chat; transcription state has one real DOM glyph. */

html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state::before,
html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state::before,
html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state::after,
html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state::after,
html.buddy-room-active .br-room-header-responsive .transcription-action .transcription-action-state::before,
html.buddy-room-active .br-room-header-responsive .transcription-action .transcription-action-state::after,
.transcription-action .transcription-action-state::before,
.transcription-action .transcription-action-state::after {
  content:none!important;
  display:none!important;
}
.transcription-action-state-glyph {
  display:none;
  flex:0 0 14px;
  width:14px;
  height:14px;
  place-items:center;
  border-radius:50%;
  font:900 10px/14px "Segoe UI Variable","Segoe UI",sans-serif;
}
html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state-glyph,
html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state-glyph {
  display:grid!important;
}
html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state-glyph {
  color:#dffff0;
  background:#1b5d3e;
  font-size:15px;
  line-height:12px;
}
html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state-glyph {
  color:#f5fff9;
  background:#24c979;
}

@media (max-width:760px) {
  #participantPanel #hybridTabBtn,
  #participantPanel.panel-fullscreen #hybridTabBtn {
    display:none!important;
  }
  #participantPanel .panel-tabs,
  #participantPanel.panel-fullscreen .panel-tabs {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  /* Defensive presentation fallback if stale markup briefly carries hybrid before JS normalizes it. */
  #participantPanel.panel-mode-hybrid .participants-pane { display:block!important; }
  #participantPanel.panel-mode-hybrid .chat-panel { display:none!important; }

  html.buddy-room-active .br-room-header-responsive .transcription-action.is-active .transcription-action-state,
  html.buddy-room-active .br-room-header-responsive .transcription-action.is-ready .transcription-action-state {
    display:grid!important;
    place-items:center!important;
  }
  html.buddy-room-active .br-room-header-responsive .transcription-action-state-glyph {
    width:11px!important;
    height:11px!important;
    flex-basis:11px!important;
    font-size:7px!important;
    line-height:11px!important;
  }
  html.buddy-room-active .br-room-header-responsive .transcription-action-state-text { display:none!important; }
}