/* ========================
   tables.css
   Table and card styling
   ======================== */
/* Status History Table */
#statusHistory.show .card {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

#statusHistory thead {
  position: sticky;
  top: 0;
  background-color: #f8f9fa;
  z-index: 2;
}

#statusHistory .card-body {
  overflow-y: auto;
}

.manage-ingest-page .table thead th {
  background-color: inherit !important;
  color: inherit !important;
}

.manage-ingest-page .card {
    border-radius: 0.5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.manage-ingest-page .count-pill {
    width: 36px;
    text-align: center;
    display: inline-block;
}

/* Hide first column */
.hide-id th:first-child,
.hide-id td:first-child { display: none; }


.prewrap { white-space: pre-wrap; word-break: break-word; }

.table thead.table-dark th {
  background-color: var(--datalift-primarypairing-primary-colour) !important;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.15);
}

.table tr.table-active td,
.table tr.table-active th {
  background-color: var(--datalift-primarypairing-primary-colour) !important;
  color: #ffffff !important;
}

.table.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(3, 13, 55, 0.04);
}

.table.table-hover > tbody > tr:hover > * {
  background-color: rgba(3, 13, 55, 0.12);
}