/* Skeleton shimmer animation for placeholder UI */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.skeleton {
  background: linear-gradient(90deg,
    var(--bg-elev) 0%,
    var(--bg-elev-2) 50%,
    var(--bg-elev) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 1.8s ease-in-out infinite;
  border-radius: 4px;
  height: 16px;
}
.skeleton.med   { width: 80%; }
.skeleton.tall  { height: 48px; margin: 8px 0; }
.skeleton.short { height: 12px; width: 60%; }
.skeleton.row   { display: block; margin: 6px 0; }