.conversation-list { flex:1; min-height:180px; }
.visitor-panel { border-top:1px solid var(--line); background:#fbfcfd; max-height:280px; display:flex; flex-direction:column; }
.visitor-panel-head { display:flex; justify-content:space-between; align-items:center; padding:12px 16px 8px; }
.visitor-panel-head strong,.visitor-panel-head span { display:block; }
.visitor-panel-head strong { font-size:13px; }
.visitor-panel-head span { color:var(--muted); font-size:11px; margin-top:3px; }
.visitor-panel .refresh { width:30px; height:30px; font-size:18px; line-height:20px; }
.visitor-list { overflow-y:auto; }
.visitor-item { padding:10px 16px; border-top:1px solid #edf0f3; }
.visitor-item strong,.visitor-item small { display:block; }
.visitor-item strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.visitor-item small { color:var(--muted); font-size:11px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.visitor-location { color:#8d0000 !important; font-weight:bold; }
@media(max-width:760px) { .visitor-panel { max-height:230px; } }