html,body{height:100%;margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;background-color:#e5ddd5}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.left-panel{flex:0 0 30%;background-color:#fff;border-right:1px solid #d1d7db;display:flex;flex-direction:column}.right-panel{flex:1;background-color:#f5fcff;display:flex;flex-direction:column;overflow:hidden;height:100vh}@media (max-width: 768px){.left-panel{flex:1;height:100%;overflow-y:auto}.right-panel,.app-container.conversation-selected .left-panel{display:none}.app-container.conversation-selected .right-panel{display:flex;flex:1;height:100%}}