body{color:#1f2937;background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.chat-shell{min-height:100vh;display:flex}.chat-side{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:320px;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.panel-title{margin:0;font-size:18px}.toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.user-chat-topbar-leading{align-items:center;gap:10px;min-width:0;display:flex}.user-chat-topbar-leading .panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-back-link{color:#1f2937;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;margin:-8px 0 -8px -8px;font-size:22px;line-height:1;text-decoration:none;display:inline-flex}.chat-back-link:hover{background:#f3f4f6;border-color:#e5e7eb}.chat-back-link:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.user-chat-topbar,.admin-chat-topbar{z-index:20;background:#fff;position:sticky;top:0}.admin-chat-shell{height:100vh;overflow:hidden}.admin-chat-shell .chat-side,.admin-chat-shell .chat-main{min-height:0}.admin-chat-shell .list-wrap,.admin-chat-shell .messages{min-height:0;overflow-y:auto}.list-wrap{flex:1;overflow-y:auto}.session-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f3f4f6;width:100%;padding:10px 12px;display:block}.session-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.session-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.session-meta{align-items:center;gap:6px;display:inline-flex}.session-remark{color:#dc2626;word-break:break-word;margin-top:4px;font-size:12px;font-weight:600;line-height:1.4}.session-online{background:#22c55e;border-radius:50%;width:8px;height:8px}.session-item.active{background:#eef2ff}.session-unread{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:20px;height:20px;font-size:12px;line-height:20px}.messages{flex:1;padding:16px;overflow-y:auto}.message-item{flex-direction:column;margin-bottom:12px;display:flex}.message-item.sent{align-items:flex-end}.message-bubble{word-break:break-word;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-width:70%;padding:10px 12px}.message-item.sent .message-bubble{color:#fff;background:#2563eb;border-color:#2563eb}.message-image{border-radius:8px;max-width:260px;display:block}.message-time{color:#6b7280;margin-top:6px;font-size:12px}.composer{border-top:1px solid #e5e7eb;gap:8px;padding:12px;display:flex}.composer input[type=text]{border:1px solid #d1d5db;border-radius:8px;flex:1;padding:10px}.btn{cursor:pointer;border:0;border-radius:8px;padding:10px 12px}.btn-primary{color:#fff;background:#2563eb}.btn-outline{background:#fff;border:1px solid #d1d5db}.empty-tip{color:#6b7280;text-align:center;margin-top:40px}@media (width<=992px){.chat-shell{flex-direction:column}.chat-side{border-bottom:1px solid #e5e7eb;border-right:0;width:100%;max-height:220px}.message-bubble{max-width:86%}}