.ta-dropdown {
  position: absolute;
  z-index: 9999;
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  max-height: 320px;
  overflow-y: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  color: #1a1a1a;
}
.ta-dropdown .ta-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 10px;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ta-dropdown .ta-row:last-child { border-bottom: 0; }
.ta-dropdown .ta-row:hover,
.ta-dropdown .ta-row.active { background: #eef4fb; }
.ta-dropdown .ta-tick {
  font-weight: 600;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  color: #1a1a1a;
  flex: 0 0 auto;
}
.ta-dropdown .ta-name {
  color: #444;
  font-weight: 500;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ta-dropdown .ta-meta {
  color: #888;
  font-size: 11px;
  margin-left: auto;
  flex: 0 0 auto;
}
.ta-dropdown mark {
  background: transparent;
  color: #d9531e;
  font-weight: 700;
  padding: 0;
}
.ta-dropdown .ta-empty {
  padding: 10px;
  color: #888;
  font-style: italic;
}
@media (prefers-color-scheme: dark) {
  .ta-dropdown {
    background: #1d1d1d;
    border-color: #3a3a3a;
    color: #e6e6e6;
  }
  .ta-dropdown .ta-row { border-bottom-color: #2a2a2a; }
  .ta-dropdown .ta-row:hover,
  .ta-dropdown .ta-row.active { background: #2c3a4e; }
  .ta-dropdown .ta-tick { color: #f4f4f4; }
  .ta-dropdown .ta-name { color: #c4c4c4; }
  .ta-dropdown .ta-meta { color: #8a8a8a; }
  .ta-dropdown mark { color: #ff8b50; }
}