@keyframes shine {
  0% {
    background-position: -150px 0;
  }
  100% {
    background-position: 250px 0;
  }
}

.skeleton {
  background: linear-gradient(90deg, #e2e2e2 0px, #f4f4f4 40px, #e2e2e2 80px);
  background-size: 600px 100%;
  animation: shine 1.2s ease-in-out infinite;
  border-radius: 4px;
}

/* Skeleton table container */
.skeleton-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}

/* Skeleton row */
.skeleton-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 8px;
  border-bottom: 1px solid #ddd;
}

/* Alternating row background (zebra striping) */
.skeleton-row:nth-child(even) {
  background-color: #f9f9f9;
}

/* Columns */
.skeleton-cell {
  height: 16px;
  flex: 1;
}

/* First column (GS code) thinner */
.skeleton-cell:first-child {
  flex: 0.5;
}