.ac-wrap{position:relative}
.ac-list{
  position:absolute; top:calc(100% + 5px); inset-inline:0; background:var(--paper);
  border:1px solid var(--line-strong); border-radius:var(--r-md); box-shadow:var(--shadow-l);
  max-height:290px; overflow-y:auto; z-index:120; display:none;
}
.ac-list.on{display:block}
.ac-item{
  padding:10px 13px; cursor:pointer; border-bottom:1px solid var(--line); display:flex;
  align-items:center; gap:11px; transition:background .1s;
}
.ac-item:last-child{border-bottom:0}
.ac-item:hover, .ac-item.sel{background:var(--navy-mist)}
.ac-item .t{flex:1; min-width:0}
.ac-item .t b{display:block; font-weight:600; font-size:.89rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ac-item .t small{color:var(--muted); font-size:.76rem}
.ac-item .p{font-variant-numeric:tabular-nums; font-weight:700; font-size:.85rem; color:var(--navy); direction:ltr; white-space:nowrap}
.ac-empty{padding:16px; text-align:center; color:var(--muted); font-size:.85rem}
mark{background:var(--rose-light); color:var(--ink); border-radius:3px; padding:0 1px}