/* 0.18.49 · Category 2 stacked-panel semantics + badge-safe tab geometry.
   When room-shell stacks (<=900px), Together is unavailable. Human docs may be stale; runtime semantics are owned here + app.js. */

@media (max-width:900px) {
  #participantPanel #hybridTabBtn,
  #participantPanel.panel-fullscreen #hybridTabBtn {
    display:none!important;
  }
  #participantPanel .panel-tabs,
  #participantPanel.panel-fullscreen .panel-tabs {
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  #participantPanel #participantsTabBtn,
  #participantPanel #chatTabBtn,
  #participantPanel.panel-fullscreen #participantsTabBtn,
  #participantPanel.panel-fullscreen #chatTabBtn {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    height:34px!important;
    padding-inline:10px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #participantPanel #participantsTabBtn,
  #participantPanel.panel-fullscreen #participantsTabBtn {
    position:relative!important;
    padding-right:30px!important;
    padding-left:10px!important;
  }
  #participantPanel #participantsTabBtn .pending-count,
  #participantPanel.panel-fullscreen #participantsTabBtn .pending-count {
    position:absolute!important;
    right:6px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    pointer-events:none!important;
  }
  /* Defensive fallback while JS normalizes a stale persisted hybrid state. */
  #participantPanel.panel-mode-hybrid .participants-pane { display:block!important; }
  #participantPanel.panel-mode-hybrid .chat-panel { display:none!important; }
}