.slash-menu { position:fixed; inset:auto; margin:0; padding:8px; border:1px solid #444; border-radius:16px; background:#303030; color:#bbb; box-shadow:0 8px 28px #0005; overflow-y:auto; z-index:20; }
.slash-command { display:flex; align-items:center; gap:10px; width:100%; padding:8px 10px; border:0; border-radius:12px; background:transparent; color:inherit; text-align:left; font:inherit; font-size:13px; }
.slash-command:hover,.slash-command[aria-selected="true"] { background:#272b2c; color:#ddd; }
.slash-command:disabled { opacity:.45; }
.slash-command .codex-icon svg { width:18px; height:18px; }
.slash-command-name { flex-shrink:0; }
.slash-command-description { flex:1; min-width:0; color:#999; }
.slash-command-id { color:#888; font-size:11px; }
.chat-status-card { background:#303030; color:#ccc; border:1px solid #3b3b3b; border-radius:18px; margin:0 10px 6px; padding:12px 14px; font-size:12px; max-height:45dvh; overflow:auto; }
.chat-status-card[hidden] { display:none; }
.chat-status-heading { display:flex; align-items:center; justify-content:space-between; color:#aaa; margin-bottom:10px; font-size:14px; }
.chat-status-heading button { border:0; background:transparent; color:inherit; cursor:pointer; font:inherit; font-size:12px; padding:3px; }
.chat-status-row { display:flex; gap:12px; margin:6px 0; }
.chat-status-label { flex:0 0 110px; color:#aaa; }
.chat-status-value { min-width:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.context-meter { display:block; width:100%; height:5px; margin:10px 0; accent-color:#62aaff; }
.chat-status-note { margin:6px 0; font-size:11px; line-height:1.4; color:#999; }
.chat-status-warning { color:#e8bd75; margin:8px 0; }
@media(max-width:600px) { .slash-command { flex-wrap:wrap; gap:6px; } .slash-command-description { flex-basis:65%; font-size:12px; } .slash-command-id { display:none; } .chat-status-label { flex-basis:85px; } .chat-status-row { gap:7px; } .chat-status-card { margin:0 0 6px; padding:10px; } }