/* ================================================
   chat.css — 对话记录管理样式
   景合画星 官网 v2
   ================================================ */

/* 对话列表容器 */
.admin-chat-list { max-height: 400px; overflow-y: auto; }

/* 单条对话卡片 */
.admin-chat-item {
  border: 1px solid #e0e0e0;
  border-radius: 8px; padding: 14px; margin-bottom: 12px;
  background: #fafafa;
}
.admin-chat-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 8px; font-size: 0.85rem;
}
.admin-chat-participant {
  font-weight: 600; color: #2c3e50;
}
.admin-chat-date {
  font-size: 0.75rem; color: #999;
}
.admin-chat-summary {
  font-size: 0.82rem; color: #555;
  line-height: 1.5; margin-bottom: 8px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.admin-chat-meta {
  display: flex; gap: 12px; font-size: 0.75rem; color: #999;
}
.admin-chat-tag {
  background: #eef2f7; padding: 2px 8px; border-radius: 3px;
  color: #555;
}
/* 对话详情（在表单里的消息列表） */
.chat-messages {
  border-top: 1px solid #eee; margin-top: 10px; padding-top: 10px;
}
.chat-message {
  padding: 8px 10px; margin-bottom: 6px;
  border-radius: 6px; font-size: 0.82rem; line-height: 1.5;
}
.chat-message-sender {
  background: #e8f4fd; border-left: 3px solid #3498db;
}
.chat-message-receiver {
  background: #f5f5f5; border-left: 3px solid #ddd;
}
.chat-message-role {
  font-size: 0.72rem; color: #888; margin-bottom: 2px;
}