table thead th {
  font-weight: 600;
  color: var(--neutral-700);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  padding: 12px 16px;
}

table tbody {  
  border-top: 4px solid var(--neutral-800);
}

table tbody td {
  padding: 12px 16px;
  /* border: 1px solid var(--neutral-100); */
  vertical-align: middle;
}

.data-table tbody tr.light td {
    background-color: var(--white);
}

.data-table tbody tr.dark td {
    background-color: var(--neutral-200);
}

.submissions-odometer thead th {
  padding: 0 4px;
}

.submissions-odometer tbody td {
  padding: 0 12px;
}

.submissions-odometer .odometer-readout {
  border: 2px solid var(--neutral-400);
}


/* Button Styling */
.btn {
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-primary {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

.btn-primary:hover {
  background-color: var(--primary-700);
  border-color: var(--primary-700);
}

.btn-outline-primary {
  border-color: var(--primary-600);
  color: var(--primary-600);
}

.btn-outline-primary:hover {
  background-color: var(--primary-600);
  color: var(--white);
}