/* 会话工作台双栏（买家 /member/conversations「我的会话」与商家 /supplier/conversations「客户会话」
   共用这一份）：左 = 会话列表（.conv-inbox 里的 .conv-rows），右 = 选中会话的内嵌聊天区
   （.conv-thread 里的 #chatMount，由 order-chat.js 的 GROrderChat.mount 挂入）。
   只在这两个页面加载（renderWorkbench 的 headExtra），类名一律 conv- 前缀；
   行样式（.conv-row 一族 / .conv-badge / .conv-avatar）分别放在 member-center.css 与 workbench.css，
   本文件只管两栏骨架、滚动与窄屏退让。
   ⚠️ 2026-09-29 商家侧「客户会话」也改成同一套双栏后，本文件从 buyer-conversations.css 改名而来
      （两页引用同一份，避免各写一遍再各改一遍漂移）。 */

.conv-workspace {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 16px;
    align-items: start
}

/* 左栏列表：独立滚动，避免会话多了把整页拉长（右侧聊天区高度固定） */
.conv-inbox .conv-rows {
    margin-top: 12px;
    max-height: min(66vh, 620px);
    overflow-y: auto;
    padding-right: 4px
}

/* 右栏聊天区：比内嵌默认的 300px 高一些，但比独立沟通页矮 ——
   2026-09-29 用户要求「这个聊天框的高度小一点点」⇒ 从 min(60vh,560px) 收到 min(46vh,420px)，
   页面首屏能看到更多，右栏不至于顶满。 */
.conv-thread .gr-chat-list {
    height: min(46vh, 420px)
}

.conv-thread .wb-detail-note {
    margin-bottom: 12px
}

/* 窄屏不挤两栏：只留会话列表，点击会话直接进独立沟通页（顺序由 JS 判断） */
@media (max-width:1080px) {
    .conv-workspace {
        grid-template-columns: 1fr
    }

    .conv-thread {
        display: none
    }

    .conv-inbox .conv-rows {
        max-height: none
    }
}