:root{--chat-bg: #f4f6fb;--chat-sidebar: #ffffff;--chat-main: #ffffff;--chat-accent: #0d6efd;--chat-received: #f1f3f5;--chat-sent: #dbeafe}body{background:radial-gradient(circle at top left,#eef4ff,#f9fbff 35%,#f1f5ff 70%,#eef2f8);min-height:100vh}.chat-shell{background:var(--chat-bg);border-radius:1rem;overflow:hidden;box-shadow:0 14px 45px #0c182c1f}.rooms-sidebar{background:var(--chat-sidebar);border-right:1px solid #e9ecef;max-height:72vh;overflow-y:auto}.chat-main{background:var(--chat-main);min-height:72vh}.messages-wrap{max-height:56vh;overflow-y:auto;padding:1rem;background:linear-gradient(180deg,#fff,#f8fbff)}.message-bubble{border-radius:1rem;padding:.6rem .85rem;margin-bottom:.75rem;max-width:75%;display:inline-block}.message-sent{background:var(--chat-sent);margin-left:auto}.message-received{background:var(--chat-received)}.room-item.active{background:#006bff80;border-left:4px solid var(--chat-accent)}.typing-indicator{min-height:1.5rem}.online-dot{width:8px;height:8px;border-radius:999px;background:#198754;display:inline-block}