/* ============================================================
   Dubai Property Lab — Skeleton Loading
   Source: Design System §8
   ============================================================ */

.skeleton {
    background: var(--slate);
    border-radius: var(--radius-sm);
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}

@keyframes skeleton-pulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 0.8; }
}

/* KPI card skeleton */
.skeleton--kpi-label {
    width: 60px;
    height: 11px;
    margin-bottom: var(--space-2);
}

.skeleton--kpi-value {
    width: 120px;
    height: 36px;
    margin-bottom: var(--space-2);
}

.skeleton--kpi-change {
    width: 80px;
    height: 13px;
}

/* Chart skeleton */
.skeleton--chart {
    width: 100%;
    height: 300px;
}

/* Text line skeleton */
.skeleton--text {
    width: 100%;
    height: 15px;
    margin-bottom: var(--space-2);
}

.skeleton--text-short {
    width: 60%;
    height: 15px;
}