/* Skeleton Loading Styles */
.skeleton-line {
  display: inline-block;
  height: 16px;
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
  width: 100%;
  vertical-align: middle;
}

/* Skeleton variations for different widths */
.skeleton-line.w-95 {
  width: 95%;
}
.skeleton-line.w-90 {
  width: 90%;
}
.skeleton-line.w-88 {
  width: 88%;
}
.skeleton-line.w-85 {
  width: 85%;
}
.skeleton-line.w-80 {
  width: 80%;
}
.skeleton-line.w-75 {
  width: 75%;
}
.skeleton-line.w-70 {
  width: 70%;
}
.skeleton-line.w-65 {
  width: 65%;
}
.skeleton-line.w-60 {
  width: 60%;
}

/* Table skeleton */
.skeleton-table-row {
  display: table-row;
}

.skeleton-table-cell {
  display: table-cell;
  padding: 12px;
  vertical-align: middle;
}

.skeleton-table-cell .skeleton-line {
  display: block;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}