/* Table styles overrides for dark mode */
.table-container {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
}

.table {
  background-color: transparent !important;
  color: var(--text-main) !important;
  width: 100%;
}

.table th {
  color: var(--text-bright) !important;
  font-weight: 600;
  border-bottom: 2px solid var(--border-color) !important;
  background-color: rgba(15, 23, 42, 0.7) !important;
}

.table td {
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-main) !important;
  vertical-align: middle !important;
}

.table.is-striped tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

.table.is-hoverable tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.raw-data-table-container {
  max-height: 60vh;
  overflow-y: auto;
}