/* =========================================
   SIDEBAR SYSTEM (FINAL)
   ========================================= */

.bmSidebar{
  width:260px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.rsWrap{
  width:300px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* CARD */
.sbCard{
  padding:14px;
  border-radius:16px;

  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);

  backdrop-filter:blur(10px);
}

/* TITLE */
.sbTitle{
  font-size:11px;
  letter-spacing:.1em;
  color:#7f9bb3;
  margin-bottom:10px;
}

/* STATUS */
.sbStatus{
  display:flex;
  align-items:center;
  gap:10px;
}

.sbDot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#24df92;
  box-shadow:0 0 10px rgba(36,223,146,.6);
}

.sbStatusMain{
  font-size:13px;
  font-weight:700;
}

.sbStatusSub{
  font-size:11px;
  opacity:.6;
}

/* BUTTONS */
.sbActions{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sbBtn{
  display:block;
  text-align:center;

  padding:10px;
  border-radius:12px;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.sbBtn--green{
  background:linear-gradient(135deg,#24df92,#00e1a0);
  color:#001;
}

/* MENU */
.sbMenu{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sbItem{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:12px;

  background:rgba(255,255,255,.02);
}

.sbItem:hover{
  background:rgba(255,255,255,.06);
}

.sbIcon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.05);

  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
}

.sbText{
  display:flex;
  flex-direction:column;
}

.sbName{
  font-size:13px;
}

.sbDesc{
  font-size:11px;
  opacity:.5;
}

/* LIST */
.sbList{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sbUser{
  display:flex;
  align-items:center;
  gap:10px;
}

.sbAvatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(45deg,#24df92,#5d63ff);
}

.sbUserName{
  font-size:13px;
}

.sbUserMeta{
  font-size:11px;
  opacity:.5;
}

.sbBadge{
  margin-left:auto;
  font-size:10px;
  padding:3px 6px;
  border-radius:6px;
}

.sbBadge--online{
  background:#24df92;
  color:#001;
}