#sgc10_container {display:flex; border:1px solid #ddd; height:560px; font-family:system-ui, Arial, sans-serif;}
.sgc10-sidebar {width:28%; border-right:1px solid #eee; overflow-y:auto; padding:10px; background:#fafafa;}
.sgc10-chat {flex:1; display:flex; flex-direction:column;}
.sgc10-chat-header {display:flex; align-items:center; justify-content:space-between; padding:10px; border-bottom:1px solid #eee;}
.sgc10-messages {flex:1; overflow-y:auto; padding:10px;}
.sgc10-msg {margin:6px 0; padding:8px 10px; background:#f3f7ff; border-radius:10px; max-width:80%;}
.sgc10-btn {background:#0073aa; color:#fff; border:none; padding:8px 12px; border-radius:6px; cursor:pointer;}
.sgc10-btn:hover {background:#006197;}
.sgc10-btn.alt {background:#aaa;}
.sgc10-btn.small {padding:6px 10px; font-size:12px;}
.sgc10-create {margin-top:10px; padding:8px; background:#fff; border:1px solid #eee; border-radius:8px;}
.sgc10-user {display:block; margin:3px 0;}
#sgc10_send_form {display:flex; gap:6px; padding:10px; border-top:1px solid #eee;}
#sgc10_send_form textarea {flex:1; resize:vertical; min-height:38px;}
.sgc10-img {max-width:220px; display:block; margin-top:6px;}
.sgc10-video {max-width:240px; display:block; margin-top:6px;}
.sgc10-group {padding:8px; border-bottom:1px solid #eee; cursor:pointer; border-radius:6px;}
.sgc10-group:hover {background:#eef6ff;}