/*
 * SKELETON LOADER STYLES
 */

.skeleton-container {
    padding: 1rem;
}

.skeleton-row {
    display: flex;
    gap: 10px; /* Spacing between cells */
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.skeleton-cell {
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 4px;
    flex-grow: 1; /* Allow cells to grow */
}

/* Define column widths based on your table layout */
.skeleton-cell.col-md { flex-basis: 40%; }
.skeleton-cell.col-sm { flex-basis: 15%; }
.skeleton-cell.col-lg { flex-basis: 30%; }

/* The shimmer/pulse animation */
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.skeleton-cell {
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}