*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}#root{height:100vh;display:flex;flex-direction:column}button,input{font:inherit}button:disabled{cursor:not-allowed;opacity:.55}.chat-shell{display:flex;width:100%;height:100vh;min-width:0}.session-pane{width:280px;border-right:1px solid #ddd;background:#fff;display:flex;flex-direction:column}.conversation-pane{min-width:0;flex:1;display:flex;flex-direction:column;background:#f7f7f7}.conversation-header{min-height:58px;padding:16px;border-bottom:1px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.message-pane{flex:1;overflow:auto;padding:16px}.composer-pane{padding:12px;border-top:1px solid #ddd;background:#fff}.call-pane{width:260px;border-left:1px solid #ddd;background:#fff;padding:16px}.empty-state{padding:16px;color:#888;text-align:center}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#d92d20;color:#fff;font-size:12px;line-height:20px;text-align:center}.socket-state{font-size:12px}.socket-state-online{color:#16803c}.socket-state-connecting{color:#9a6700}.socket-state-offline{color:#b42318}.error-banner{padding:8px 12px;background:#fff0f0;color:#b42318;display:flex;justify-content:space-between;gap:12px}.error-banner button{border:0;background:transparent;color:inherit;cursor:pointer}.message-time{margin-top:4px;color:inherit;font-size:10px;opacity:.65}@media (max-width: 900px){.call-pane{display:none}}@media (max-width: 640px){.session-pane{width:38%;min-width:126px}.conversation-header,.message-pane{padding:12px}}