/* Conversations tab */
.conv-list { padding: 6px; max-height: 75vh; overflow-y: auto; }
.conv-item { padding: 10px 12px; border-radius: 10px; cursor: pointer; }
.conv-item:hover, .conv-item.active { background: var(--accent-soft); }
.conv-item .top { display: flex; justify-content: space-between; gap: 8px; }
.conv-item .last { color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.status { font-size: 11px; padding: 2px 8px; border-radius: 999px; background: var(--lead); white-space: nowrap; }
.status.bot { background: var(--accent-soft); color: var(--accent); }
.status.escalated { background: #fef3c7; color: var(--warn); }
.conv-detail { display: flex; flex-direction: column; height: 75vh; padding: 0; overflow: hidden; }
.conv-detail .head { padding: 12px 16px; border-bottom: 1px solid var(--line); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.back-link { display: none; text-decoration: none; font-size: 22px; line-height: 1; padding: 4px 8px; margin-inline-start: -8px; color: var(--text); }
@media (max-width: 800px) {
  .conv-layout.has-open .conv-list { display: none; }
  .conv-layout:not(.has-open) .conv-detail { display: none; }
  .back-link { display: inline-block; }
  .conv-list { max-height: none; }
}
.status.won { background: #fef3c7; color: #92400e; font-weight: 700; }