/* Scrollbar container styling */
.scroll-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  margin: 1em 0;
}

.scroll-sync-top,
.scroll-sync-bottom {
  overflow-x: auto;
  white-space: nowrap;
}

/* Style the table */
#resultsTable {
  border-collapse: collapse;
  width: 100%;
  min-width: 1200px;
}

#resultsTable th,
#resultsTable td {
  padding: 8px 12px;
  border: 1px solid #ccc;
  text-align: left;
  white-space: nowrap;
}

/* Make headers clickable for sorting */
#resultsTable th.sortable {
  cursor: pointer;
  background-color: #f4f4f4;
}

#resultsTable th.sortable:hover {
  background-color: #e4e4e4;
}

/* Allow horizontal scroll at top */
.scroll-top-container {
  overflow-x: auto;
  white-space: nowrap;
  height: 20px;
}