/* ================= SIDEBAR PLUS (NAXCORE) =================
   - Oda satırları daha okunaklı + mobil dokunmatik hedefler
   - Unread/active vurgusu korunur
*/
.rooms-panel .section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.rooms-panel .section-title > span{
  font-weight:800;
  letter-spacing:0.4px;
}

#add-room-btn, #manage-room-btn{
  padding:6px;
  border-radius:10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

#add-room-btn:active, #manage-room-btn:active{
  transform: scale(0.98);
}

.room-list .room-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  margin:2px 6px;
  cursor:pointer;
  user-select:none;
}

.room-list .room-item i{
  width:18px;
  min-width:18px;
  text-align:center;
  opacity:0.92;
}

.room-list .room-item .room-label{
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.room-list .room-item:hover{
  background: rgba(255,255,255,0.06);
}

.room-list .room-item.active{
  background: rgba(88, 101, 242, 0.22);
}

.room-list .room-item.has-unread{
  background: rgba(88, 101, 242, 0.10);
  box-shadow: inset 0 0 0 1px rgba(88, 101, 242, 0.28);
}

/* Sohbetler paneli - Arkadaşlar gibi tam sayfa */
.sohbetler-panel .friends-dm-section{ flex:1; }

@media (max-width: 520px){
  .room-list .room-item{
    padding:12px 12px; /* daha iyi touch */
    margin:3px 6px;
  }
}

/* ===== WHITE LABEL BRAND HEADER (scoped) ===== */
.nx-brand-header{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  margin:10px 10px 6px;
  border-radius:14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}

.nx-brand-logo{
  width:38px;
  height:38px;
  max-width:38px;
  max-height:38px;
  border-radius:12px;
  object-fit:cover;
  flex:0 0 38px;
  display:block;
  background:#111;
}

.nx-brand-text{ min-width:0; }
.nx-brand-name{
  font-weight:900;
  letter-spacing:0.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nx-brand-sub{
  font-size:11px;
  color:#9aa0a6;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}