/* Skeleton Loader Styles */

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.skeleton {
    animation: shimmer 2s infinite linear;
    background: linear-gradient(to right, #f0f0f0 4%, #e0e0e0 25%, #f0f0f0 36%);
    background-size: 1000px 100%;
    border-radius: 4px;
}

[data-bs-theme="dark"] .skeleton {
    background: linear-gradient(to right, #2b3035 4%, #343a40 25%, #2b3035 36%);
}

.skeleton-text {
    height: 1em;
    width: 100%;
    margin-bottom: 0.5rem;
}

.skeleton-text:last-child {
    margin-bottom: 0;
}

.skeleton-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.skeleton-rect {
    width: 100%;
    height: 100%;
}

/* Table Skeleton */
.skeleton-row td {
    padding: 1rem 0.5rem;
}

.skeleton-cell {
    height: 20px;
    width: 80%;
}

/* Card Skeleton */
.skeleton-card {
    padding: 1rem;
}

.skeleton-metric-value {
    height: 2rem;
    width: 60px;
    margin-bottom: 0.5rem;
}

.skeleton-metric-label {
    height: 1rem;
    width: 100px;
    margin-bottom: 0.25rem;
}

.skeleton-chart {
    height: 300px;
    width: 100%;
    border-radius: 8px;
}