/* The editor and its mirror must use identical glyph widths so highlighted
   handles stay beneath the actual caret, including when text wraps. */
.lw-body .lw-space-composer:focus,
.lw-body .lw-space-composer:focus-visible { outline: none; border-radius: 0; box-shadow: none; }
body.lw-body .lw-space-composer-highlight .lw-inline-mention { font: inherit; letter-spacing: inherit; color: var(--lw-blue-deep, #255a76); background: var(--lw-blue-wash, #e8f0f4); }

/* Portaled to the body so welcome screens and embedded plugin panes cannot
   cover the agents and tools. JavaScript keeps it inside the visible viewport. */
.lw-body .lw-space-mention-menu {
  position: fixed; z-index: 1450; bottom: auto; left: 12px;
  box-sizing: border-box; width: min(380px, calc(100vw - 24px)); max-height: 280px;
  overflow: auto; overscroll-behavior: contain; padding: 6px;
  border: 1px solid var(--lw-line, #deded8); border-radius: 12px;
  background: var(--lw-panel, #fff); color: var(--lw-ink, #141619);
  box-shadow: 0 12px 36px rgba(20,22,25,.16); font: 14px/1.4 var(--lw-sans, sans-serif);
}
.lw-space-mention-menu[hidden] { display: none; }
.lw-body .lw-space-mention-menu button {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px;
  box-sizing: border-box; padding: 8px 10px; border: 0; border-radius: 8px;
  background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.lw-body .lw-space-mention-menu button:hover,
.lw-body .lw-space-mention-menu button:focus-visible,
.lw-body .lw-space-mention-menu button[aria-selected="true"] { background: var(--lw-blue-wash, #e8f0f4); outline: none; }
.lw-body .lw-space-mention-menu button > span:last-child { flex: 1; min-width: 0; display: grid; gap: 3px; }
.lw-body .lw-space-mention-menu strong { font-size: 14px; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.lw-body .lw-space-mention-menu small { font: 12px/1.3 var(--lw-mono, monospace); color: var(--lw-muted, #83888e); overflow-wrap: anywhere; }
.lw-spacebar-mark--mention { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; }
.lw-space-mention-group { padding: 7px 10px 4px; color: var(--lw-muted, #83888e); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.lw-space-mention-tool-mark { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: 8px; background: var(--lw-blue-wash, #e8f0f4); color: var(--lw-blue-deep, #255a76); }
.lw-space-mention-tool-mark img, .lw-space-mention-tool-mark svg { display: block; width: 24px; height: 24px; }