/* 港车易 CARYEE - 后台客服会话管理专属样式 */
.chat-layout { display: grid; grid-template-columns: 320px 1fr; gap: 16px; min-height: calc(100vh - 140px); }
.chat-session-list { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.chat-session-head { padding: 14px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.chat-session-head h2 { margin: 0; font-size: 15px; }
.chat-session-head select { height: 32px; border: 1px solid #d6dae0; border-radius: 6px; padding: 0 8px; font-size: 12px; }
.chat-session-items { overflow-y: auto; max-height: calc(100vh - 240px); }
.chat-session-item { padding: 12px 16px; border-bottom: 1px solid #eef0f3; cursor: pointer; }
.chat-session-item:hover { background: #f7f9fb; }
.chat-session-item.active { background: #fff3ec; border-left: 3px solid #FE5600; padding-left: 13px; }
.chat-session-item .cs-name { font-weight: 700; font-size: 14px; color: #16181d; }
.chat-session-item .cs-contact { font-size: 12px; color: #8a909c; margin-top: 2px; }
.chat-session-item .cs-meta { display: flex; justify-content: space-between; margin-top: 6px; }
.chat-empty { padding: 40px 16px; text-align: center; color: #9aa0ab; font-size: 13px; }

.chat-main { border: 1px solid var(--line); border-radius: 12px; background: #fff; display: flex; flex-direction: column; overflow: hidden; }
.chat-main-head { padding: 14px 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.chat-main-head h2 { margin: 0; font-size: 15px; }
.chat-msgs { flex: 1; overflow-y: auto; padding: 18px; background: #f7f9fb; max-height: calc(100vh - 320px); }
.chat-msg { max-width: 68%; margin-bottom: 12px; padding: 10px 13px; border-radius: 10px; font-size: 13px; line-height: 1.5; }
.chat-msg.user { background: #fff; border: 1px solid #e6e8ec; align-self: flex-start; }
.chat-msg.agent { background: #FE5600; color: #fff; margin-left: auto; }
.chat-msg .who { font-size: 11px; opacity: .75; margin-bottom: 3px; }
.chat-compose { border-top: 1px solid var(--line); padding: 12px; display: flex; gap: 10px; }
.chat-compose input { flex: 1; height: 40px; border: 1px solid #d6dae0; border-radius: 8px; padding: 0 12px; }
@media (max-width: 900px) { .chat-layout { grid-template-columns: 1fr; } }