/* V437I - Login & activity status inside Admin notification center */
.v437i-active-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:9px 10px 8px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--muted) 32%,var(--background));
}
.v437i-active-strip::-webkit-scrollbar{height:4px}
.v437i-active-person{
  width:54px;
  flex:0 0 54px;
  text-align:center;
  opacity:.72;
}
.v437i-active-person.online{opacity:1}
.v437i-mini-avatar{
  position:relative;
  width:32px;
  height:32px;
  margin:0 auto;
  border-radius:50%;
  overflow:visible;
  background:var(--muted);
}
.v437i-mini-avatar img,
.v437i-mini-avatar>span{
  width:32px;
  height:32px;
  border-radius:50%;
}
.v437i-mini-avatar img{
  display:block;
  object-fit:cover;
}
.v437i-mini-avatar>span{
  align-items:center;
  justify-content:center;
  background:var(--muted);
  color:var(--muted-foreground);
  font-size:9px;
  font-weight:800;
}
.v437i-mini-avatar>i{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:9px;
  height:9px;
  border:2px solid var(--background);
  border-radius:50%;
  background:#94a3b8;
}
.v437i-active-person.online .v437i-mini-avatar>i{
  background:#16a34a;
}
.v437i-active-person small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v437i-active-person.online small{
  color:var(--foreground);
  font-weight:650;
}
@media(max-width:720px){
  .v437i-active-strip{
    padding:8px 9px 7px;
  }
  .v437i-active-person{
    width:50px;
    flex-basis:50px;
  }
  .v437i-mini-avatar,
  .v437i-mini-avatar img,
  .v437i-mini-avatar>span{
    width:30px;
    height:30px;
  }
}