/* 0.18.45 · Category 2 runtime hardening.
   Owner-approved delta: one transcription ready marker, non-overlapping fullscreen controls,
   and live transcript surface updates. No schema change. */

/* One authoritative transcription state glyph. 0.18.40 still owns an ::after glyph;
   0.18.44 owns the current ::before glyph on phone widths. Kill the legacy twin. */
@media (max-width:760px) {
  html.buddy-room-active .br-room-header-responsive .transcription-action-state::after,
  .transcription-action-state::after { content:none!important; display:none!important; }
}

/* Fullscreen phone panel: connection is the rightmost system control, collapse sits directly
   to its left, and the three tabs reserve enough room for both. */
@media (max-width:760px) {
  .room.panel-fullscreen .buddy-room-status-cluster {
    position:fixed!important;
    z-index:1955!important;
    top:calc(var(--buddy-vv-top,0px) + max(9px,env(safe-area-inset-top)))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:30px!important;
    height:36px!important;
    min-width:30px!important;
    gap:0!important;
  }
  .room.panel-fullscreen .buddy-room-status-cluster > .connection-indicator {
    width:30px!important; min-width:30px!important; height:36px!important; min-height:36px!important;
  }
  .room.panel-fullscreen .buddy-room-status-cluster .buddy-room-status-popover {
    right:0!important; left:auto!important; top:43px!important;
  }
  #participantPanel.panel-fullscreen .panel-topbar {
    position:relative!important;
    padding-right:82px!important;
  }
  #participantPanel.panel-fullscreen .panel-actions {
    position:absolute!important;
    z-index:4!important;
    top:calc(max(8px,env(safe-area-inset-top)) + 1px)!important;
    right:43px!important;
    width:36px!important;
    height:36px!important;
    display:block!important;
  }
  #participantPanel.panel-fullscreen #panelFullscreenBtn {
    display:grid!important;
    width:36px!important; min-width:36px!important; height:36px!important; min-height:36px!important;
    padding:0!important; place-items:center!important;
  }
  #participantPanel.panel-fullscreen .panel-tabs {
    min-width:0!important;
    gap:4px!important;
  }
  #participantPanel.panel-fullscreen .panel-tab {
    min-width:0!important;
    padding-inline:5px!important;
    font-size:8.5px!important;
  }
}

@media (max-width:340px) {
  #participantPanel.panel-fullscreen .panel-topbar { padding-left:6px!important; padding-right:78px!important; }
  #participantPanel.panel-fullscreen .panel-tab { padding-inline:3px!important; font-size:8px!important; }
  #participantPanel.panel-fullscreen .panel-actions { right:40px!important; }
  .room.panel-fullscreen .buddy-room-status-cluster { right:6px!important; }
}