/* V3_17R1_PRIVATE_AUDIO_CALL_WEBRTC_UI
   Compact only: no PM/player geometry ownership. */
.private-call-inline{
  display:inline-flex;
  align-items:center;
  gap:3px;
  flex:0 0 auto;
  min-width:0;
  margin-left:1px;
  vertical-align:middle;
}
.private-call-presence-hidden{display:none!important}
.private-call-state{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  max-width:92px;
  padding:0 5px;
  overflow:hidden;
  border:1px solid rgba(139,151,171,.16);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#aab5c6;
  font-size:7.5px;
  font-weight:850;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.private-call-state.on{
  border-color:rgba(71,213,151,.24);
  background:rgba(71,213,151,.09);
  color:#85e8ba;
}
.private-call-state.incoming{
  border-color:rgba(124,92,255,.30);
  background:rgba(124,92,255,.12);
  color:#d6ceff;
}
.private-call-btn{
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  width:23px;
  min-width:23px;
  height:21px;
  min-height:21px;
  margin:0;
  padding:0;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  color:#c8d2df;
  font:800 11px/1 ui-sans-serif,system-ui,-apple-system,sans-serif;
  cursor:pointer;
  box-shadow:none;
  touch-action:manipulation;
}
.private-call-btn:hover{background:rgba(255,255,255,.09)}
.private-call-btn:disabled{opacity:.34;cursor:default}
.private-call-btn.start:not(:disabled){
  border-color:rgba(71,213,151,.22);
  color:#7fe4b3;
}
.private-call-btn.accept{
  border-color:rgba(71,213,151,.28);
  background:rgba(71,213,151,.10);
  color:#8aebbd;
}
.private-call-btn.mute.is-muted{
  border-color:rgba(255,190,92,.26);
  background:rgba(255,190,92,.10);
  color:#ffd18b;
}
.private-call-btn.end{
  border-color:rgba(255,107,122,.25);
  background:rgba(255,107,122,.075);
  color:#ff9aa5;
}
#privateCallRemoteAudio{display:none!important}
#privateMessagesBtn.private-call-active{
  box-shadow:0 0 0 1px rgba(71,213,151,.22),0 0 12px rgba(71,213,151,.08)!important;
}

@media(max-width:720px){
  body.vw-private-thread-open .private-thread-title>small{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.vw-private-thread-open .private-call-inline{
    gap:3px;
    max-width:min(180px,48vw);
  }
  body.vw-private-thread-open .private-call-state{
    min-height:17px;
    max-width:82px;
    padding:0 5px;
    font-size:7px;
  }
  body.vw-private-thread-open .private-call-btn{
    width:22px;
    min-width:22px;
    height:20px;
    min-height:20px;
    border-radius:7px;
    font-size:10.5px;
  }
  body.vw-private-call-active.vw-private-thread-open .private-thread-private-label{
    display:none!important;
  }
}

@media(max-width:380px){
  body.vw-private-thread-open .private-call-inline{gap:2px;max-width:150px}
  body.vw-private-thread-open .private-call-state{max-width:62px;font-size:6.7px;padding:0 4px}
  body.vw-private-thread-open .private-call-btn{width:20px;min-width:20px;height:19px;min-height:19px;font-size:9.5px}
}

body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open .private-call-inline,
body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open .private-call-inline{
  gap:2px;
  max-width:140px;
}
body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open .private-call-state,
body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open .private-call-state{
  min-height:16px;
  max-width:58px;
  padding:0 4px;
  font-size:6.5px;
}
body.vw-android-room-shell.vw-android-keyboard-open.vw-private-thread-open .private-call-btn,
body.vw-android-room-shell.vw-android-ime-session.vw-private-thread-open .private-call-btn{
  width:20px;
  min-width:20px;
  height:18px;
  min-height:18px;
  border-radius:6px;
  font-size:9px;
}