#tripinfo-ai-chat { border: 1px solid #ccc; max-width: 700px; margin: 20px auto; font-family: Arial, sans-serif; display:flex; }
.tripinfo-ai-sidebar { width:200px; border-right:1px solid #ccc; padding:10px; box-sizing:border-box; }
.tripinfo-ai-sidebar input { width:100%; margin-bottom:10px; }
.tripinfo-ai-sidebar ul { list-style:none; padding:0; margin:0; max-height:300px; overflow-y:auto; }
.tripinfo-ai-sidebar li { padding:5px; cursor:pointer; }
.tripinfo-ai-sidebar li:hover { background:#eee; }
.tripinfo-ai-main { flex:1; display:flex; flex-direction:column; }
#tripinfo-ai-messages { flex:1; height:300px; overflow-y:auto; padding:10px; background:#f9f9f9; }
#tripinfo-ai-form { display:flex; border-top:1px solid #ccc; }
#tripinfo-ai-input { flex:1; padding:10px; border:none; }
#tripinfo-ai-form button { padding:10px 20px; background:#0073aa; color:#fff; border:none; }
.msg { margin-bottom:10px; }
.msg.user { text-align:right; }
.msg.assistant { text-align:left; }
.msg.error { color:red; }