.live-support-stats{margin-bottom:18px}
.live-support-workspace{grid-template-columns:350px minmax(0,1fr);min-height:680px}
.live-support-sidebar{min-width:0;border-inline-end:1px solid var(--line);background:var(--surface)}
.support-search{margin:14px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.support-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}
.live-support-thread-list{display:block;border:0;padding:0 10px 16px;max-height:615px;overflow:auto}
.live-support-thread-list .thread{border:1px solid transparent;border-bottom-color:var(--line);border-radius:12px;margin:3px 0;align-items:center}
.live-support-thread-list .thread:hover{background:var(--surface-2);border-color:var(--line)}
.live-support-thread-list .thread.is-active{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}
.thread-meta{display:grid;justify-items:end;gap:6px;min-width:64px}
.thread-unread{min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px;font-weight:800}
.live-support-detail{grid-template-columns:minmax(0,1fr) 300px;min-width:0}
.live-support-conversation{min-height:680px;background:var(--surface)}
.live-support-conversation-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.live-support-conversation-head p{margin:5px 0 0;color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.live-support-messages{min-height:420px;max-height:510px;overflow:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.live-support-messages .message{font-size:11px;box-shadow:0 6px 18px rgba(10,35,27,.06)}
.live-support-messages .message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.live-support-messages .message small{display:block;margin-top:7px;opacity:.7;font-size:8px}
.live-support-messages .message img{display:block;max-width:260px;max-height:220px;object-fit:cover;border-radius:10px;margin-bottom:8px}
.live-support-reply{align-items:flex-end;background:var(--surface)}
.live-support-reply textarea{flex:1;resize:vertical;min-height:72px;max-height:180px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:11px;outline:0;font:inherit;line-height:1.7}
.live-support-reply textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 15%,transparent)}
.support-reply-status{min-height:20px;margin:0;padding:0 14px;color:var(--muted);font-size:10px}
.live-support-context{background:var(--surface-2);overflow:auto}
.live-support-context .detail-grid{grid-template-columns:1fr;margin:16px 0}
.support-open-profile{width:100%}
.support-empty-conversation{margin:auto;text-align:center;color:var(--muted);max-width:340px;padding:50px 20px}
.support-empty-conversation>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:18px;background:var(--gold-soft);color:var(--gold);font-size:24px}
.support-empty-conversation strong{display:block;color:var(--ink);margin-bottom:6px}
.support-empty-conversation p{line-height:1.8}
@media(max-width:1100px){.live-support-workspace{grid-template-columns:300px minmax(0,1fr)}.live-support-detail{grid-template-columns:minmax(0,1fr)}.live-support-context{display:none}}
@media(max-width:760px){.live-support-workspace{display:block}.live-support-sidebar{border-inline-end:0;border-bottom:1px solid var(--line)}.live-support-thread-list{display:block;max-height:280px}.live-support-detail{display:block}.live-support-conversation{min-height:560px}.live-support-reply{flex-direction:column;align-items:stretch}}