/* TALKCHAT_R19C12R9R13_CONFERENCE_UX
   PC: conference opens centered in the chat column instead of bottom-left.
   Header: redundant back arrow removed in JS; mic symbol smaller; minimize uses down arrow.
   Listener search is available inside the conference.
*/

.conference-popup .voice-heading-icon{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
}
.conference-popup .voice-heading-icon .material-symbols-outlined{
  font-size:15px!important;
}

.conference-popup header button[data-voice="minimize"]{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:7px!important;
}
.conference-popup header button[data-voice="minimize"] .material-symbols-outlined{
  font-size:19px!important;
}

.voice-listener-search{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:6px;
  margin:6px 0 6px;
  padding:0 9px;
  border:1px solid #dce3ea;
  border-radius:8px;
  background:#f7f9fb;
  color:#8794a3;
}
.voice-listener-search>.material-symbols-outlined{
  font-size:17px;
  flex:0 0 auto;
}
.voice-listener-search input{
  min-width:0;
  width:100%;
  height:32px;
  border:0;
  outline:0;
  background:transparent;
  color:#27313d;
  font:12px Roboto,sans-serif;
}
.voice-listener-search input::placeholder{
  color:#98a3af;
}
.voice-listener-no-results{
  padding:12px 8px;
  text-align:center;
  color:#8a96a3;
  font-size:11px;
}

html[data-theme="dark"] .voice-listener-search{
  background:#111922!important;
  border-color:#2b3745!important;
  color:#8797a9!important;
}
html[data-theme="dark"] .voice-listener-search input{
  color:#e8eef5!important;
}
html[data-theme="dark"] .voice-listener-search input::placeholder{
  color:#718093!important;
}
html[data-theme="dark"] .voice-listener-no-results{
  color:#8997a7!important;
}

@media (min-width:768px){
  .conference-popup{
    width:390px!important;
    max-width:min(390px,calc(100vw - 96px))!important;
    max-height:min(72vh,560px)!important;
  }
  .conference-popup header{
    min-height:44px!important;
    padding:7px 10px!important;
    cursor:move;
  }
  .conference-popup header strong{
    font-size:13px!important;
  }
}

/* Mobile position/layout is intentionally unchanged; search remains available. */

/* TALKCHAT_R31R30_CONFERENCE_REFERENCE_VISUAL - presentation only */
.conference-popup.conference-reference{border-radius:10px!important;overflow:hidden!important;}
.conference-reference .conference-body{padding:10px 12px!important;}
.conference-reference .conference-speakers-heading,.conference-reference .conference-listener-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:31px;}
.conference-reference .conference-speakers-heading strong,.conference-reference .conference-listener-heading strong{font-size:12px!important;font-weight:700;}
.conference-reference .conference-view-tools{display:flex;align-items:center;gap:4px;}
.conference-reference .conference-view-tools button{display:grid;place-items:center;border:0;background:transparent;border-radius:5px;width:26px;height:26px;padding:0;cursor:pointer;color:#97a2b1;}
.conference-reference .conference-view-tools button.is-active{color:#2196f3;background:rgba(33,150,243,.08);}
.conference-reference .conference-view-tools .material-symbols-outlined{font-size:19px;}
.conference-reference .conference-speakers-empty{min-height:108px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#9ca7b4;border:1px solid #e4e9ef;border-radius:7px;margin:6px 0 12px;}
.conference-reference ul.conference-speakers{margin:6px 0 12px!important;padding:7px!important;border:1px solid #e4e9ef;border-radius:7px;list-style:none;max-height:180px;overflow:auto;}
.conference-reference ul.conference-speakers.is-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
.conference-reference ul.conference-speakers.is-grid>li{min-width:0;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 2px!important;border:0!important;}
.conference-reference ul.conference-speakers.is-grid>li>button{min-width:0;width:100%;display:flex!important;align-items:center;flex-direction:column;gap:4px;}
.conference-reference ul.conference-speakers.is-grid>li>button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;}
.conference-reference ul.conference-speakers.is-grid>li .voice-indicator{font-size:10px;}
.conference-reference ul.conference-speakers.is-list{display:block!important;}
.conference-reference ul.conference-speakers.is-list>li{display:flex!important;}
.conference-reference .conference-listener-heading{padding-top:4px;border-top:1px solid #e5e9ef;}
.conference-reference .conference-listener-heading>span{display:flex;gap:3px;align-items:center;font-size:11px;color:#8d99a8;}
.conference-reference .conference-listener-heading .material-symbols-outlined{font-size:14px;}
.conference-reference .conference-listener-subtitle{font-size:11px;color:#9aa4af;margin:0 0 6px;}
.conference-reference .conference-listeners{max-height:142px!important;overflow-y:auto;list-style:none;}
.conference-reference footer .voice-buttons{display:flex;gap:8px;}
.conference-reference footer .voice-buttons>button{flex:1;min-width:0;}
html[data-theme="dark"] .conference-reference .conference-speakers-empty,html[data-theme="dark"] .conference-reference ul.conference-speakers{border-color:#344050;color:#8f9dae;}
html[data-theme="dark"] .conference-reference .conference-listener-heading{border-color:#344050;}
@media(max-width:767px){.conference-reference .conference-speakers-empty{min-height:85px}.conference-reference ul.conference-speakers.is-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}