/* Schedule Grid Skeleton Loading States */
/* Used for progressive loading of chunked rows */

.skeleton-row {
  @apply animate-pulse bg-muted/30;
  min-height: 44px;
}

.skeleton-cell {
  @apply bg-muted/50 rounded;
  min-height: 44px;
  min-width: 50px;
}

@media (min-width: 640px) {
  .skeleton-cell {
    min-width: 70px;
  }
}

/* Shimmer animation for skeleton loading */
@keyframes skeleton-loading {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}

.skeleton-shimmer {
  animation: skeleton-loading 1.5s ease-in-out infinite;
}

/* Skeleton row with sticky columns */
.skeleton-employee-column {
  @apply sticky left-0 bg-muted z-10 border-r border-border;
  width: 6rem; /* 24 * 0.25rem = 6rem (w-24) */
}

@media (min-width: 640px) {
  .skeleton-employee-column {
    width: 8rem; /* 32 * 0.25rem = 8rem (w-32) */
  }
}

.skeleton-assets-column {
  @apply sticky bg-muted z-10 border-r-2 border-border;
  left: 6rem; /* Matches w-24 */
  width: 6rem;
}

@media (min-width: 640px) {
  .skeleton-assets-column {
    left: 8rem; /* Matches sm:w-32 */
    width: 8rem;
  }
}