/* 右侧客户卡片收起（配合 chat-aside.js）。只在 .side-hidden 生效，默认状态一律不动。 */
.chat { position: relative; }
.chat.side-hidden.with-aside { grid-template-columns: 290px minmax(0, 1fr) 0 !important; }
.chat.side-hidden.with-aside.with-scripts { grid-template-columns: 290px minmax(0, 1fr) 0 !important; }
@media (max-width: 1180px) {
  .chat.side-hidden.with-aside { grid-template-columns: 250px minmax(0, 1fr) 0 !important; }
}
.chat.side-hidden .cust-panel { display: none; }

/* 标题行最右边那个小按钮 */
.chat-aside-btn {
  margin-left: auto; width: 22px; height: 22px; padding: 0; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 15px; cursor: pointer; border-radius: 5px;
  border: 1px solid var(--border-color); background: var(--bg-elevated); color: var(--text-tertiary);
}
.chat-aside-btn:hover { color: var(--brand-primary); border-color: var(--brand-primary); }

/* 收起后贴在右边缘的细条，点一下展开 */
.chat-aside-tab {
  position: absolute; top: 50%; right: 0; transform: translateY(-50%);
  width: 18px; height: 56px; padding: 0; z-index: 6; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; border: 1px solid var(--border-color); border-right: 0;
  border-radius: 6px 0 0 6px; background: var(--bg-elevated); color: var(--text-tertiary);
}
.chat-aside-tab:hover { color: var(--brand-primary); border-color: var(--brand-primary); }