/* ════════════════════════════════════════
   Autocomplete dropdown — light + dark
   ════════════════════════════════════════ */

/* ── Container ── */
.foc-autocomplete-drop {
  background : #ffffff;
  border     : 1px solid rgba(0,0,0,.12);
  color      : #1a2340;
}

/* ── Each row ── */
.foc-ac-item {
  padding        : .6rem 1rem;
  cursor         : pointer;
  display        : flex;
  gap            : .85rem;
  align-items    : center;
  border-bottom  : 1px solid rgba(0,0,0,.06);
  white-space    : nowrap;
  transition     : background .12s;
}
.foc-ac-item:last-child { border-bottom: none; }

/* ── Code span ── */
.foc-ac-code {
  font-weight    : 700;
  color          : #4f83f7;
  font-family    : monospace;
  font-size      : .82rem;
  flex-shrink    : 0;
  letter-spacing : .04em;
}

/* ── Name span ── */
.foc-ac-name {
  color     : #333;
  font-size : .875rem;
}

/* ── Highlight mark ── */
.foc-autocomplete-drop mark {
  background    : rgba(79,131,247,.22);
  color         : inherit;
  border-radius : 3px;
  padding       : 0 2px;
}

/* ── Keyboard active row ── */
.foc-ac-item.kb-active {
  background  : rgba(79,131,247,.13) !important;
  border-left : 3px solid #4f83f7;
}

/* ── Scrollbar ── */
.foc-autocomplete-drop::-webkit-scrollbar       { width: 5px; }
.foc-autocomplete-drop::-webkit-scrollbar-track { background: transparent; }
.foc-autocomplete-drop::-webkit-scrollbar-thumb {
  background    : rgba(79,131,247,.4);
  border-radius : 4px;
}

/* ════════════════════════════════════════
   DARK THEME
   ════════════════════════════════════════ */
[data-theme="dark"] .foc-autocomplete-drop {
  background   : #1e2535 !important;
  border-color : rgba(255,255,255,.12) !important;
  box-shadow   : 0 10px 36px rgba(0,0,0,.55) !important;
  color        : #e2e8f8 !important;
}

[data-theme="dark"] .foc-ac-item {
  border-bottom-color: rgba(255,255,255,.07) !important;
}

[data-theme="dark"] .foc-ac-item:hover {
  background: rgba(79,131,247,.15) !important;
}

[data-theme="dark"] .foc-ac-name {
  color: rgba(255,255,255,.88) !important;
}

[data-theme="dark"] .foc-ac-code {
  color: #7aadff !important;
}

[data-theme="dark"] .foc-autocomplete-drop mark {
  background : rgba(79,131,247,.35) !important;
  color      : #fff !important;
}

[data-theme="dark"] .foc-ac-item.kb-active {
  background  : rgba(79,131,247,.25) !important;
  border-left : 3px solid #7aadff !important;
}

[data-theme="dark"] .foc-autocomplete-drop::-webkit-scrollbar-thumb {
  background: rgba(122,173,255,.45);
}