/* Build 10 Step 10 — Zoom-simple floating Participants manager */
#meetParticipantsPanel.meet-participants-panel{
  position:fixed!important;
  left:auto;
  right:auto;
  top:92px;
  bottom:auto!important;
  width:340px!important;
  min-width:300px!important;
  max-width:min(440px,calc(100vw - 24px))!important;
  min-height:112px!important;
  max-height:calc(100vh - 176px)!important;
  height:auto;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,auto) auto!important;
  background:#202124!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:12px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.62)!important;
  overflow:hidden!important;
  resize:both!important;
  z-index:420!important;
  color:#f5f7fa!important;
  transform:none!important;
  backdrop-filter:none!important;
}
#meetParticipantsPanel.member-hidden{display:none!important}
#meetParticipantsPanel.is-participants-collapsed{
  width:280px!important;
  min-height:48px!important;
  height:48px!important;
  resize:none!important;
}
#meetParticipantsPanel.is-participants-collapsed .meet-participant-search,
#meetParticipantsPanel.is-participants-collapsed #meetParticipantsList,
#meetParticipantsPanel.is-participants-collapsed .meet-invite-footer{display:none!important}
#meetParticipantsPanel>header{
  min-height:48px!important;
  height:48px!important;
  padding:0 10px 0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#202124!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  cursor:grab!important;
  user-select:none!important;
  touch-action:none!important;
}
#meetParticipantsPanel.is-dragging>header{cursor:grabbing!important}
#meetParticipantsPanel>header strong{font-size:14px!important;font-weight:650!important;color:#fff!important}
#meetParticipantsPanel>header small{display:inline!important;margin-left:5px!important;color:#aeb4bf!important;font-size:11px!important}
#meetParticipantsPanel .meet-panel-header-actions{display:flex!important;align-items:center!important;gap:3px!important}
#meetParticipantsPanel .meet-panel-header-actions button{
  width:30px!important;height:30px!important;min-width:30px!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:7px!important;background:transparent!important;
  color:#d9dde4!important;font-size:18px!important;line-height:1!important;cursor:pointer!important
}
#meetParticipantsPanel .meet-panel-header-actions button:hover{background:#34363c!important;color:#fff!important}
#meetParticipantsPanel .meet-participant-search{
  display:block!important;padding:8px 10px!important;background:#202124!important;border-bottom:1px solid rgba(255,255,255,.08)!important
}
#meetParticipantsPanel .meet-participant-search input{
  width:100%!important;height:32px!important;padding:0 11px!important;
  background:#2c2d31!important;border:1px solid #474950!important;border-radius:7px!important;
  color:#fff!important;font-size:12px!important;outline:none!important
}
#meetParticipantsPanel .meet-participant-search input:focus{border-color:#8ab4f8!important;box-shadow:0 0 0 2px rgba(138,180,248,.16)!important}
#meetParticipantsPanel #meetParticipantsList{
  min-height:48px!important;
  max-height:calc(5 * 52px + 8px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:4px 6px!important;
  background:#202124!important;
  scrollbar-width:thin!important;
  scrollbar-color:transparent transparent!important;
}
#meetParticipantsPanel #meetParticipantsList:hover{scrollbar-color:#5f6368 transparent!important}
#meetParticipantsPanel #meetParticipantsList::-webkit-scrollbar{width:6px}
#meetParticipantsPanel #meetParticipantsList::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}
#meetParticipantsPanel #meetParticipantsList:hover::-webkit-scrollbar-thumb{background:#5f6368}
#meetParticipantsPanel .meet-participant-row-video{
  position:relative!important;
  display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;gap:9px!important;
  min-height:48px!important;padding:5px 6px!important;margin:0!important;
  border:0!important;border-radius:7px!important;background:transparent!important;color:#fff!important
}
#meetParticipantsPanel .meet-participant-row-video:hover{background:#303136!important}
#meetParticipantsPanel .meet-participant-summary{min-width:0!important}
#meetParticipantsPanel .meet-participant-summary strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;color:#f5f7fa!important}
#meetParticipantsPanel .meet-participant-summary small{font-size:10px!important;color:#aeb4bf!important}
#meetParticipantsPanel .meet-participant-controls{display:flex!important;align-items:center!important;gap:2px!important}
#meetParticipantsPanel .meet-status-control,
#meetParticipantsPanel [data-menu],
#meetParticipantsPanel .meet-person-more-static{
  width:28px!important;height:28px!important;min-width:28px!important;border:0!important;border-radius:6px!important;
  display:grid!important;place-items:center!important;background:transparent!important;color:#d7dbe2!important;cursor:pointer!important
}
#meetParticipantsPanel .meet-status-control:hover,
#meetParticipantsPanel [data-menu]:hover,
#meetParticipantsPanel .meet-person-more-static:hover{background:#44464d!important;color:#fff!important}
#meetParticipantsPanel .meet-status-control svg{width:15px!important;height:15px!important}
#meetParticipantsPanel .meet-invite-footer{
  min-height:52px!important;padding:8px 10px!important;background:#202124!important;border-top:1px solid rgba(255,255,255,.1)!important
}
#meetParticipantsPanel .zoom-participant-actions{display:flex!important;align-items:center!important;gap:6px!important}
#meetParticipantsPanel .zoom-participant-actions button{
  min-height:32px!important;padding:0 11px!important;border:1px solid #4b4d54!important;border-radius:7px!important;
  background:#2b2c31!important;color:#f4f6f8!important;font-size:11px!important;cursor:pointer!important
}
#meetParticipantsPanel .zoom-participant-actions button:hover{background:#393b42!important}

/* One readable, body-level participant action menu, positioned beside the selected row. */
#meetParticipantsActionMenuStep10{
  position:fixed!important;z-index:20000!important;width:218px!important;padding:6px!important;
  background:#202124!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;
  box-shadow:0 18px 50px rgba(0,0,0,.68)!important;color:#f5f7fa!important;backdrop-filter:none!important
}
#meetParticipantsActionMenuStep10.member-hidden{display:none!important}
#meetParticipantsActionMenuStep10 button{
  display:block!important;width:100%!important;min-height:36px!important;padding:8px 10px!important;
  border:0!important;border-radius:7px!important;background:transparent!important;color:#f5f7fa!important;
  text-align:left!important;font-size:12px!important;line-height:1.25!important;cursor:pointer!important;white-space:normal!important
}
#meetParticipantsActionMenuStep10 button:hover{background:#35373d!important}
#meetParticipantsActionMenuStep10 button.is-danger{color:#ff7b83!important}
#meetParticipantsActionMenuStep10 .menu-separator{height:1px;margin:5px 4px;background:rgba(255,255,255,.1)}

@media(max-width:760px){
  #meetParticipantsPanel.meet-participants-panel{left:10px!important;right:10px!important;top:72px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 150px)!important;resize:vertical!important}
}
