/* MEETUS 0.6.25.6 COMMUNITY2-TG11-WORKSPACE47 — CALL EVENTS IN CHAT */
.meetus-call-event-row{
  padding-top:4px;
  padding-bottom:4px;
}
.meetus-call-event-card{
  width:min(390px,calc(100vw - 64px));
  min-height:82px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(35,35,38,.96);
  color:var(--text,#f4f4f5);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
  text-align:left;
  cursor:pointer;
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
}
.meetus-call-event-row.mine .meetus-call-event-card{
  background:linear-gradient(135deg,rgba(125,101,224,.96),rgba(102,78,197,.96));
  border-color:rgba(255,255,255,.12);
}
.meetus-call-event-card:hover{
  transform:translateY(-1px);
  border-color:rgba(145,123,239,.48);
}
.meetus-call-event-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(135,116,225,.18);
  color:#a994ff;
}
.meetus-call-event-row.mine .meetus-call-event-icon{
  color:#fff;
  background:rgba(20,16,45,.22);
}
.meetus-call-event-card.missed .meetus-call-event-icon{
  color:#ff5a75;
  background:rgba(255,64,95,.14);
}
.meetus-call-event-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.meetus-call-event-copy{min-width:0}
.meetus-call-event-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  line-height:1.25;
}
.meetus-call-event-card.missed .meetus-call-event-copy strong{color:#ff6b82}
.meetus-call-event-row.mine .meetus-call-event-card.missed .meetus-call-event-copy strong{color:#fff}
.meetus-call-event-copy>span{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  color:var(--muted,#aaaab2);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.meetus-call-event-row.mine .meetus-call-event-copy>span{color:rgba(255,255,255,.78)}
.meetus-call-event-copy>span svg{
  flex:0 0 15px;
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.meetus-call-event-card time{
  align-self:end;
  color:var(--muted,#9898a0);
  font-size:10px;
  white-space:nowrap;
}
.meetus-call-event-row.mine .meetus-call-event-card time{color:rgba(255,255,255,.72)}
@media(max-width:640px){
  .meetus-call-event-card{
    width:min(340px,calc(100vw - 42px));
    min-height:74px;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:10px;
    padding:10px 11px;
    border-radius:14px;
  }
  .meetus-call-event-icon{width:42px;height:42px}
  .meetus-call-event-copy strong{font-size:14px}
  .meetus-call-event-copy>span{font-size:11px}
}

.meetus-call-event-card{position:relative}
.meetus-call-event-menu{position:absolute;right:10px;top:7px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:18px;line-height:1;color:rgba(255,255,255,.72);cursor:pointer;z-index:2}
.meetus-call-event-menu:hover{background:rgba(255,255,255,.12);color:#fff}



/* V9.1 — local call action popup */
.meetus-call-action-menu{
  position:fixed;
  z-index:16050;
  width:190px;
  padding:6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(31,34,42,.98);
  box-shadow:0 14px 38px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}
.meetus-call-action-menu.hidden{
  display:none!important;
}
.meetus-call-action-menu button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#ff768b;
  font:inherit;
  font-size:14px;
  text-align:left;
  cursor:pointer;
}
.meetus-call-action-menu button:hover{
  background:rgba(255,105,128,.10);
}
.meetus-call-action-menu svg{
  width:19px;
  height:19px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .meetus-call-action-menu{
    width:178px;
    border-radius:12px;
  }
}