/* 聊天页工具条重排（配合 chat-tools.js）
   四个筛选一行 -> 搜索框一行 -> 都贴在右侧会话列表顶部。 */

.content-inner:has(.chat) { position: relative; }

.filters.chat-tools {
  position: absolute; left: 0; z-index: 8;
  width: 290px; box-sizing: border-box;
  display: flex; flex-wrap: wrap; align-items: center; gap: 5px;
  margin: 0 !important; padding: 7px;
  background: var(--bg-elevated);
  border-bottom: 1px solid var(--border-color);
}
@media (max-width: 1180px) { .filters.chat-tools { width: 250px; } }

/* 四个筛选：同一行、不拆词、字放大 */
.filters.chat-tools > .pill-btn {
  flex: 0 0 auto;
  height: 30px; padding: 0 9px; gap: 4px;
  font-size: 13px; line-height: 1; letter-spacing: 0;
  white-space: nowrap; overflow: visible;
}
.filters.chat-tools > .pill-btn .n { font-size: 11px; margin-left: 2px; }

/* 搜索框独占第二行 */
.filters.chat-tools > span {
  flex: 1 1 100% !important;
  margin-left: 0 !important;
  max-width: none !important;
}

/* 列表兜底让位（脚本按实际高度覆盖） */
.chat.chat-tools-list .chat-list { padding-top: 96px; }

/* 两个下拉：绝对定位到聊天头部（坐标由脚本算） */
.filters.chat-tools > select {
  position: absolute; z-index: 9; margin: 0;
  height: 28px; padding: 0 6px;
}

/* ---------- 页面顶部工具条可收起 ---------- */
.content-inner:has(.chat) .toolbar { transition: none; }

/* 收起时整行高度归零，不再占那一排 */
.content-inner:has(.chat) .toolbar.toolbar-collapsed {
  height: 0 !important; min-height: 0 !important;
  padding: 0 !important; margin: 0 !important;
  border: 0 !important; background: transparent !important;
  overflow: visible !important;
}
/* 收起时隐藏该行所有内容（包括切换按钮的常规位置） */
.content-inner:has(.chat) .toolbar.toolbar-collapsed > *:not(.toolbar-toggle) {
  display: none !important;
}
/* 切换按钮改成浮动在卡片右上角，不占高度 */
.content-inner:has(.chat) .toolbar.toolbar-collapsed > .toolbar-toggle {
  position: absolute; top: 6px; right: 10px; z-index: 12;
  margin: 0 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}

.toolbar-toggle {
  margin-left: auto; flex: 0 0 auto;
  height: 24px; padding: 0 8px;
  font-size: 12px; line-height: 1; cursor: pointer;
  border: 1px solid var(--border-color); border-radius: 6px;
  background: var(--bg-elevated); color: var(--text-tertiary);
}
.toolbar-toggle:hover { color: var(--brand-primary); border-color: var(--brand-primary); }

.content-inner:has(.chat) .toolbar.toolbar-collapsed .toolbar-toggle {
  margin-left: auto; margin-right: 0;
}

/* ---------- 译文框收小（0.1.29）----------
   上一版撑到 54px 高、行高 1.75，本意是「别挤在一起」，实际白占地方：
   一屏能看的消息少了一半。改成贴着正文走 —— 不设最小高度，短句就占一行。 */
.msg-tr {
  margin-top: 3px;
  padding: 4px 8px 4px 9px;
  min-height: 0;
  line-height: 1.45;
  font-size: var(--t-xs, 12px);
}
.msg-tr-tag { margin-right: 5px; }