/*
 * Skeleton placeholders for Next.js Module Federation custom elements.
 * Applies bg-color pulse to the host until React renders content above it.
 * Add a new MF tag = add it to the selector list and a min-height rule below.
 */

logistics-options,
logistics-options-select,
track-block,
incoming-document-review {
    display: block;
    width: 100%;
    animation: mf-skeleton-pulse 1.5s ease-in-out infinite;
}

logistics-options         { min-height: 169px; }
logistics-options-select  { min-height: 184px; }
track-block               { min-height: 100px; }
incoming-document-review  { min-height: 78dvh; }

@keyframes mf-skeleton-pulse {
    0%, 100% { background-color: #e5e7eb; }
    50%      { background-color: #f1f3f5; }
}