/* RAG Server Shell Theme */
html, body { margin:0; padding:0; height:100%; overflow:hidden; }
#app { display:flex; flex-direction:column; height:100vh; }

/* Top bar */
#top_panel { flex-shrink:0; }

/* Center: menu + content */
.main-area { flex:1; display:flex; overflow:hidden; }
.rag-sidebar { width:200px; flex-shrink:0; background:#2c2c2c; color:#ccc; overflow-y:auto; }
.rag-sidebar .menu-title { padding:12px 16px; font-size:13px; color:#888; text-transform:uppercase; border-bottom:1px solid #3a3a3a; }
.rag-sidebar .menu-item { padding:10px 20px; cursor:pointer; font-size:14px; transition:background .2s; }
.rag-sidebar .menu-item:hover { background:#3a3a3a; color:#fff; }

/* Content */
.rag-content { flex:1; overflow:auto; padding:0; }

/* Bottom */
.rag-bottom { flex-shrink:0; font-size:12px; color:#888; background:#1a1a1a; border-top:1px solid #333; }
.rag-bottom-text { color:#888; }
.rag-bottom-icp { color:#666; cursor:pointer; }
.rag-bottom-icp:hover { color:#aaa; }