.conversation-head{position:relative}.conversation-head-main{display:flex;align-items:center;gap:10px;min-width:0}.conversation-head-main>div{min-width:0}.conversation-head-main strong,.conversation-head-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-back{display:none;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--forest);font:700 12px "DM Sans",sans-serif;cursor:pointer}
.thread{min-height:62px}.thread-copy{min-width:0}.thread-copy strong,.thread-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:grid;justify-items:end;gap:5px}.thread time{font-size:9px;color:var(--muted)}
.unread-badge{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--forest);color:#fff;font-size:10px;font-weight:800}
.message-wrap{display:flex;align-items:end;gap:4px}.message-wrap.mine{justify-content:flex-end}.message-report{width:44px;height:44px;border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.bubble span{display:block;font-size:9px;font-weight:700;opacity:.72;margin-bottom:3px}.composer input{min-height:44px;font-size:16px}.composer button{width:46px;min-height:44px}.composer button:disabled{opacity:.55}.conversation-error{margin:0;padding:10px 15px;background:#fff0e8;color:#793d2b;font-size:12px}.chat-refresh{min-height:44px}
@media(max-width:760px){#page-messages .top-actions{display:flex;flex-wrap:wrap}.messages-layout{display:block;min-height:0}.thread-list{display:block;border-right:0;min-height:300px}.conversation{display:none;min-height:calc(100dvh - 205px)}.messages-layout.mobile-conversation-open .thread-list{display:none}.messages-layout.mobile-conversation-open .conversation{display:grid}.chat-back{display:inline-grid;place-items:center}.conversation-head{padding:10px 12px}.chat-body{padding:16px 12px;min-height:280px;max-height:calc(100dvh - 390px);overflow:auto}.composer{position:sticky;bottom:65px;background:var(--card);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.conversation-safety{margin-left:auto}.contact-consent{padding:10px 12px}.contact-consent button{min-height:44px}.message-report{flex:none}}
@media(prefers-reduced-motion:reduce){.messages-layout,.conversation,.thread{scroll-behavior:auto!important;transition:none!important}}