/* Conversation menu: a fixed exit row and compact, expandable sections. */
body.vobixConversation #chatOptionsMenu {
  width: min(380px, calc(100vw - 24px)); padding: 0 6px 6px;
  border: 1px solid #c7dfef; border-radius: 20px; background: #fff;
  overflow-x: hidden; scrollbar-width: thin;
}
body.vobixConversation #chatOptionsMenu .chatOptionsHeader {
  position: sticky; top: 0; z-index: 3;
  display: grid; grid-template-columns: minmax(0, 1fr) auto 44px;
  gap: 8px; min-height: 60px; padding: 8px 4px; background: #fff;
}
body.vobixConversation #chatOptionsMenu :is(.chatMenuBack,.chatMenuClose) {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: auto; min-width: 0; min-height: 44px; padding: 8px;
  border: 0; border-radius: 12px; background: #eaf6ff; color: #086da7;
  font: 600 13px/1.3 system-ui,sans-serif; cursor: pointer;
}
body.vobixConversation #chatOptionsMenu .chatMenuBack { justify-content: center; }
body.vobixConversation #chatOptionsMenu .chatMenuBack .chatOptionText { display: none; }
body.vobixConversation #chatOptionsMenu .chatMenuBack .chatOptionIcon { width: 20px; min-width: 20px; height: 20px; }
body.vobixConversation #chatOptionsMenu svg { display: block; width: 22px; height: 22px; }
body.vobixConversation #chatOptionsMenu .chatOptionsHeader h2 { font-size: 14px; }
body.vobixConversation #chatOptionsMenu .chatMenuGroup { padding: 6px 0; }
body.vobixConversation #chatOptionsMenu .chatMenuSection { border-top: 1px solid #e2edf5; }
body.vobixConversation #chatOptionsMenu summary {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  min-height: 48px; padding: 2px 12px; cursor: pointer; list-style: none;
}
body.vobixConversation #chatOptionsMenu summary::-webkit-details-marker { display: none; }
body.vobixConversation #chatOptionsMenu summary>span { color: #1986ca; transition: transform .15s; }
body.vobixConversation #chatOptionsMenu details[open]>summary>span { transform: rotate(180deg); }
body.vobixConversation #chatOptionsMenu summary h2 { margin: 0; text-transform: none; letter-spacing: 0; color: #224e69; }
body.vobixConversation #chatOptionsMenu .chatMenuSectionItems { padding: 2px 0 6px; }
body.vobixConversation #chatOptionsMenu .chatOptionButton { grid-template-columns: 22px minmax(0,1fr); }
body.vobixConversation #chatOptionsMenu .chatMenuFooter { padding: 8px 0 2px; border-top: 1px solid #e2edf5; }
body.vobixConversation #chatOptionsMenu :focus-visible { outline: 2px solid #0095ff; outline-offset: -2px; }
@layer vobixLight {
  body.vobixConversation #chatOptionsMenu summary h2 { font-size: var(--vobix-menu-font,13px) !important; font-weight: 650 !important; }
}