/* ─── Skeleton Loaders ────────────────────────────────────────────────────── */
.skeleton {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    border-radius: 4px;
}

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

.skeleton-text {
    height: 1em;
    margin: 0.5em 0;
}

.skeleton-text-sm {
    height: 0.75em;
    width: 60%;
    margin: 0.4em 0;
}

.skeleton-img {
    height: 200px;
    width: 100%;
}

.skeleton-card {
    height: 280px;
    width: 100%;
}

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

.skeleton-btn {
    height: 38px;
    width: 120px;
    border-radius: 6px;
}