html,body{height:100%;margin:0}.full-height{height:100vh}.panel{overflow-y:auto;padding:10px}.left-panel,.right-panel{background:#f9f9f9}.chat-box{display:flex;flex-direction:column;height:100%}.chat-messages{flex:1;overflow-y:auto;padding:10px;background:#f7f7f7;border-radius:6px}.bubble{display:inline-block;padding:8px 12px;border-radius:12px;max-width:80%;margin-bottom:8px}.left{text-align:left}.right{text-align:right}.bubble-left{background:#e0e1e2;color:#000}.bubble-right{background:#2185d0;color:#fff}