/* The room lobby is an explicit destination; the active conversation has its own pane. */
html[data-layout="social"] {--radius:14px;--radius-lg:18px;--shadow-sm:none}
html[data-layout="social"] .chat-container {max-width:1040px;background:var(--bg-card)}
html[data-layout="social"] .messages-area {padding:24px 32px;background:var(--bg)}
html[data-layout="social"] .msg .bubble {border-radius:16px;padding:14px 18px}
html[data-layout="social"] .msg.user .bubble {border-bottom-right-radius:4px}
html[data-layout="social"] .msg.other .bubble,html[data-layout="social"] .msg.ai .bubble {border-bottom-left-radius:4px}
html[data-layout="social"] .workspace-rooms {display:none}
html[data-layout="social"] .input-area {margin:12px 18px;border:1px solid var(--border);border-radius:16px}
@media(min-width:1180px) {
 html[data-layout="social"] .app-shell[data-page="chat"] {padding-left:280px}
 html[data-layout="social"] .workspace-rooms {display:flex;flex-direction:column;position:fixed;left:0;top:60px;bottom:0;width:280px;padding:24px 20px;gap:20px;border-right:1px solid var(--border);background:var(--bg-card)}
 html[data-layout="social"] .workspace-room {display:block;padding:16px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}
 html[data-layout="social"] .workspace-room strong,html[data-layout="social"] .workspace-room small {display:block;overflow-wrap:anywhere}
 html[data-layout="social"] .workspace-room small {font-size:.75rem;color:var(--text-muted);margin-top:6px}
 html[data-layout="social"] .workspace-room-items {flex:1;overflow-y:auto}
 html[data-layout="social"] .workspace-room.active {background:var(--accent-soft)}
}
@media(max-width:767px) {html[data-layout="social"] .messages-area {padding:16px}html[data-layout="social"] .input-area {margin:8px}}