/* 聊天底部导航 / 分类 Tab
   —— 由 styles.css 第 2644–2709 行原样切分，规则与顺序未改动。 */
/* 聊天底部导航栏 */
.chat-bottom-nav{
  display:flex;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
  border-top:0.5px solid rgba(0,0,0,0.06);
  flex-shrink:0;
  height:64px;
  padding-bottom:8px;
}
.chat-bottom-item{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  cursor:pointer;
  color:#C7C7CC;
  font-size:10px;
  font-weight:500;
  transition:color 0.2s;
}
.chat-bottom-item.active{color:#1C1C1E;}
.chat-bottom-item svg{
  width:22px;
  height:22px;
  fill:currentColor;
}
/* 聊天列表分类 Tab */
.chat-list-wrap{
  flex:1;display:flex;flex-direction:column;min-height:0;background:#F4F5F7;
}
.chat-cat-tabs{
  display:flex;padding:8px 20px 0;gap:6px;flex-shrink:0;
  background:transparent;
  border-bottom:none;
}
.chat-cat-tab{
  flex:1;padding:8px 0;text-align:center;
  font-size:13px;color:#AEAEB2;cursor:pointer;
  border-radius:10px;font-weight:500;
  transition:all 0.25s;
  position:relative;
}
.chat-cat-tab.active{
  color:#1C1C1E;font-weight:600;
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 1px 4px rgba(0,0,0,0.04);
}
.chat-cat-tab.active::after{content:'';display:none;}
.chat-cat-search{
  padding:12px 20px 4px;background:transparent;flex-shrink:0;
}
.chat-cat-search input{
  width:100%;padding:9px 14px;border:none;
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-radius:10px;
  box-shadow:inset 0 0 0 0.5px rgba(0,0,0,0.05);
  font-size:13px;outline:none;font-family:inherit;
  box-sizing:border-box;color:#1C1C1E;
}
.chat-cat-search input::placeholder{color:#C7C7CC;}