/**
 * File role: VOGO chat (rag-ai) — the predefined menu of a conversation (user, 18.10.2026, AGENTMOB): its button in the
 * send arrow's pop-up, its entry in the top menu and its window. Colours and radii are the chat's own tokens
 * (rag-ai.css); nothing here redefines them.
 *
 * @file_version 1.0.1
 */
.send-tools .conv-menu-open { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  color: var(--vogo-icon-blue); background: transparent; border: 1px solid var(--line); border-radius: var(--radius, 10px);
  cursor: pointer; }
.send-tools .conv-menu-open:hover { border-color: var(--acc); }

.cm-overlay { position: fixed; inset: 0; z-index: 130; display: flex; align-items: flex-end; justify-content: center;
  background: rgba(0, 0, 0, .45); }
.cm-sheet { width: min(560px, 100%); max-height: 82vh; display: flex; flex-direction: column; background: var(--panel);
  color: var(--fg); border: 1px solid var(--line); border-radius: 14px 14px 0 0; box-shadow: 0 -8px 30px rgba(0, 0, 0, .35); }
@media (min-width: 760px) {
  .cm-overlay { align-items: center; }
  .cm-sheet { border-radius: 14px; }
}
.cm-head { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.cm-head .bi { color: var(--vogo-icon-blue); font-size: 20px; }
.cm-title { flex: 1 1 auto; font-weight: 700; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-x { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 10px; background: transparent; color: var(--muted);
  font-size: 18px; cursor: pointer; }
.cm-body { overflow-y: auto; padding: 6px 0; }
.cm-note { padding: 14px 16px; color: var(--muted); font-size: 14px; }
.cm-list { list-style: none; margin: 0; padding: 0; }
.cm-list .cm-list { padding-left: 18px; border-left: 2px solid var(--line); margin-left: 22px; }
.cm-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 10px 16px; text-align: left;
  background: transparent; border: none; border-top: 1px solid var(--line); color: var(--fg); font: inherit; font-size: 15px;
  cursor: pointer; }
.cm-list > li:first-child > .cm-item { border-top: none; }
.cm-item:hover { background: var(--code); }
.cm-item .bi { flex: none; color: var(--vogo-icon-blue); }
.cm-group > .cm-item { font-weight: 700; }
.cm-group > .cm-item .cm-chev { margin-left: auto; color: var(--muted); transition: transform .15s; }
.cm-group.open > .cm-item .cm-chev { transform: rotate(90deg); }
.cm-group:not(.open) > .cm-list { display: none; }
.cm-foot { display: flex; gap: 8px; padding: 10px 16px 14px; border-top: 1px solid var(--line); }
/* the self-learning button beside the update one, compact (AGENTMOB D-054) */
.cm-foot .cm-config { flex: 1 1 auto; width: auto; }
.cm-foot .cm-learn { flex: 0 0 auto; }
.cm-config { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 8px 14px;
  border: 1px solid var(--acc); border-radius: 10px; background: transparent; color: var(--acc); font: inherit; font-size: 15px;
  font-weight: 600; cursor: pointer; }
.cm-config:hover { background: var(--field-focus, rgba(0, 0, 0, .06)); }