/* MetaScout loading skeletons — shimmer placeholders */
.skeleton {
  background: linear-gradient(90deg, var(--surface, #12121a) 25%, var(--elevated, #1c1c28) 50%, var(--surface, #12121a) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
  display: block;
}
@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.skeleton-text  { height: 16px; margin: 4px 0; }
.skeleton-title { height: 24px; margin: 6px 0; width: 60%; }
.skeleton-card  { height: 120px; }
.skeleton-image { aspect-ratio: 0.714; width: 100%; }
.skeleton-avatar{ width: 40px; height: 40px; border-radius: 50%; }
.skeleton-btn   { height: 36px; width: 100px; border-radius: 8px; }
.skeleton-grid  { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }

@media (prefers-reduced-motion: reduce) {
  .skeleton { animation: none; }
}