.ref-list { display: flex; flex-direction: column; gap: 6px; max-height: 480px; overflow: auto; }
.ref-item {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius);
  background: var(--surface); cursor: pointer; text-align: left; width: 100%;
  font-family: inherit; color: inherit;
}
.ref-item:hover, .ref-item:focus-visible { border-color: var(--primary); background: var(--primary-a10); }
.ref-item .flag { font-size: 1.35rem; }