.ref-list { display: flex; flex-direction: column; gap: 6px; max-height: 520px; overflow: auto; }
.ref-item {
  display: grid; grid-template-columns: 100px 1fr auto; gap: 10px; align-items: center;
  padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius);
  background: var(--surface); text-align: left; width: 100%; font-family: inherit; color: inherit; cursor: pointer;
}
.ref-item code { font-size: 0.85rem; }
@media (max-width: 600px) {
  .ref-item { grid-template-columns: 1fr; }
}