table.dataTable thead tr {
cursor: default;
background-color: rgb(226,239,254);
color: #235B8C;
}

/* DataTables 2.x sets border-collapse: separate by default, which can leave
   1px gaps between cells (visible as thin white seams). Force collapsed
   borders so adjacent cells share their edges seamlessly. */
table.dataTable {
border-collapse: collapse !important;
border-spacing: 0 !important;
}

tr {
cursor: pointer;
}

table.dataTable tbody tr.selected {
background-color: rgb(35,91,140) !important;
color: white;
}

thead th, thead td {
padding: 10px 18px;
box-sizing: border-box;
}

th.dt-center,
td.dt-center {
text-align: center;
}

th.dt-left,
td.dt-left {
text-align: left;
}

/* DataTables 2.x auto-detects date columns and right-aligns them. Override
   to keep date columns left-aligned, which matches the rest of the app. */
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-date {
text-align: left;
}

tbody td {
padding: 8px 10px;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}

#edgesTable, #tripsTable {
    margin-top: 0px !important;
}

/* ***************************************************
   DATATABLES 2.x HEADER / FOOTER
   Generic layout fixes for the new DT 2.x markup
   (.dt-info, .dt-search, .dt-paging). Applies to all
   DataTables instances in the app.
   *************************************************** */

/* Horizontal padding for header/footer elements. */
.dt-container .dt-info,
.dt-container .dt-search,
.dt-container .dt-paging,
.dt-container .dt-length {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

/* Hide the "Search:" label so the input sits flush. */
.dt-container .dt-search label {
  display: none;
}

/* Keep the search field usable on narrow viewports. */
.dt-container .dt-search input {
  min-width: 220px;
}

/* Bottom spacing so the footer does not touch the card border. */
.dt-container > .row:last-child > div {
  padding-bottom: 0.3rem;
}

/* When the footer row wraps (narrow tables), add vertical
   spacing between stacked footer elements. */
.dt-container > .row:last-child > div > * {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

/* ***************************************************
   NAV-TABS COLORS
   Inactive tabs are gray, hover and active states use
   SESAM blue. Matches the analyzer styling.
   *************************************************** */

.nav-tabs .nav-link {
  color: var(--bs-gray-600);
  font-weight: 400;
  transition: color 0.15s ease;
}

.nav-tabs .nav-link:hover {
  color: #235B8C;
}

.nav-tabs .nav-link.active {
  color: #235B8C;
  font-weight: 600;
}