/* 335: Loading skeleton-screens */
.lx-skeleton {
    --lx-skeleton-base: #e5e5e5;
    --lx-skeleton-shimmer: #f5f5f5;
    background: linear-gradient(90deg, var(--lx-skeleton-base) 25%, var(--lx-skeleton-shimmer) 50%, var(--lx-skeleton-base) 75%);
    background-size: 200% 100%;
    animation: lx-shimmer 1.5s infinite;
    border-radius: 4px;
}
:root[data-theme="dark"] .lx-skeleton {
    --lx-skeleton-base: #262626;
    --lx-skeleton-shimmer: #404040;
}
.lx-skeleton-text { height: 1em; min-height: 14px; }
.lx-skeleton-text-sm { width: 40%; }
.lx-skeleton-text-md { width: 70%; }
.lx-skeleton-text-lg { width: 100%; }
.lx-skeleton-circle { width: 40px; height: 40px; border-radius: 50%; }
.lx-skeleton-rect { width: 100%; height: 100px; }
.lx-skeleton-card { padding: 16px; border-radius: 14px; background: var(--lx-surface, #fff); border: 1px solid var(--lx-border, rgba(0,0,0,.08)); }
:root[data-theme="dark"] .lx-skeleton-card { background: #171717; border-color: rgba(255,255,255,.08); }
.lx-skeleton-card > .lx-skeleton { margin-bottom: 8px; }
.lx-skeleton-table { display: flex; flex-direction: column; }
.lx-skeleton-row {
    display: grid;
    grid-template-columns: 24px 2fr 2fr 1fr 100px;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--lx-border, rgba(0,0,0,.06));
}
:root[data-theme="dark"] .lx-skeleton-row { border-bottom-color: rgba(255,255,255,.06); }

@keyframes lx-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
    .lx-skeleton { animation: none; opacity: 0.6; }
}