.native-reference-mentions {
  width: 100%;
  margin: .5rem 0;
  overflow: hidden;
  border: 1px solid var(--line, #d8d7d2);
  border-radius: 12px;
  background: var(--surface, #fff);
  color: var(--ink, #232323);
  box-shadow: 0 8px 24px #00000012;
}
.native-reference-mentions[hidden] { display: none; }
.native-reference-mentions__list { max-height: min(340px, 45vh); overflow-y: auto; overscroll-behavior: contain; }
.native-reference-mentions__option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 66px;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid var(--line, #e9e8e4);
  background: transparent;
  color: inherit;
  text-align: left;
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
}
.native-reference-mentions__option[aria-selected="true"],
.native-reference-mentions__option:hover { background: var(--paper, #f6f5f1); outline: 2px solid var(--accent, #b8a16b); outline-offset: -2px; }
.native-reference-mentions__option img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: cover; border-radius: 6px; background: #e9e8e4; }
.native-reference-mentions__option span { display: grid; gap: 4px; min-width: 0; }
.native-reference-mentions__option strong { font-size: .88rem; overflow-wrap: anywhere; }
.native-reference-mentions__option small { font-size: .75rem; opacity: .72; }
.native-reference-mentions__status { margin: 0; padding: 9px 12px; font-size: .77rem; line-height: 1.45; }
.native-reference-mentions__list[aria-busy="true"] { opacity: .6; pointer-events: none; }