/* An @ mention stays part of the conversation, with a small floating people list. */
.gm-mention-anchor { position: relative; min-width: 0; }
.gm-mention-menu {
  position: absolute; z-index: 15; left: 0; right: 0; bottom: calc(100% + 7px);
  max-width: 100%; max-height: min(288px,42dvh); overflow-y: auto; overflow-x: hidden;
  overscroll-behavior: contain; background: #fff; border: 1px solid #e8e0d5;
  border-radius: 20px; box-shadow: 0 8px 28px #38271915; padding: 6px;
  scrollbar-width: thin; text-align: left; animation: mention-in 130ms ease-out;
}
.gm-mention-menu-below { top: calc(100% + 7px); bottom: auto; }
.gm-mention-menu[hidden] { display: none !important; }
.gm-mention-option {
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  gap: 3px; width: 100%; max-width: 100%; min-width: 0; min-height: 57px;
  padding: 10px 14px; margin: 0; border: 0; border-radius: 14px;
  background: transparent; color: var(--ink,#20382e); font: inherit; text-align: left;
  cursor: pointer; touch-action: pan-y; transition: background-color 100ms ease;
}
.gm-mention-option:hover, .gm-mention-option[aria-selected=true] { background: #edf5dd; }
.gm-mention-option:focus-visible { outline: 2px solid var(--accent,#194f3c); outline-offset: -2px; }
.gm-mention-name { display: block; width: 100%; font-size: 13px; font-weight: 650; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gm-mention-handle { display: block; width: 100%; font-size: 11px; line-height: 1.4; color: #66705f; overflow-wrap: anywhere; white-space: normal; }
.gm-mention-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.gm-mention { color: #244e35; background: #ddedba; border-radius: 5px; padding: 1px 3px; font-weight: 600; overflow-wrap: anywhere; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.own .gm-mention { background: #d7f476; }
.gm-mention-self { background: #e8ddff; color: #554175; }
.own .gm-mention-self { background: #d8c9ff; color: #554175; }
@keyframes mention-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 680px), (max-width: 900px) and (pointer: coarse) {
  .gm-mention-menu { left: 10px; right: 10px; bottom: calc(100% + 4px); border-radius: 18px; }
  .gm-mention-menu-below { top: calc(100% + 4px); bottom: auto; }
}
@media (max-width: 360px) { .gm-mention-option { padding-left: 11px; padding-right: 11px; } }
@media (prefers-reduced-motion: reduce) { .gm-mention-menu { animation: none; scroll-behavior: auto; } }

/* Sidekicks are explicit recipients, never disguised member mentions. */
.gm-mention-option.gm-mention-sidekick { flex-direction:row; align-items:center; justify-content:flex-start; gap:11px; }
.gm-mention-avatar { display:grid; place-items:center; flex:0 0 36px; width:36px; height:36px; border-radius:12px; background:#e9ddff; color:#554175; font-size:20px; font-weight:700; overflow:hidden; }
.gm-mention-content { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.gm-mention-heading { display:flex; align-items:center; gap:7px; min-width:0; }
.gm-mention-heading .gm-mention-name { width:auto; min-width:0; flex:0 1 auto; }
.gm-mention-kind { flex-shrink:0; font-size:9px; line-height:1.5; font-weight:650; color:#554175; background:#f1eafa; border-radius:99px; padding:2px 6px; }
.gm-mention-tagline { color:#66705f; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
@media (max-width:360px) { .gm-mention-option.gm-mention-sidekick { gap:8px; } .gm-mention-avatar { width:31px; height:34px; flex-basis:31px; font-size:18px; } }