/* =============================================================
   Shimmer / skeleton loading  —  shared across the portal
   Usage:
     <div class="sa-sk" style="height:14px; width:120px;"></div>
     <div class="sa-sk sa-sk-pill" ...></div>
     <div class="sa-sk sa-sk-circle" ...></div>
   ============================================================= */

@keyframes sa-shimmer {
    0%   { background-position: -700px 0; }
    100% { background-position:  700px 0; }
}

.sa-sk {
    background: linear-gradient(90deg, #eef0f4 25%, #e1e5ec 50%, #eef0f4 75%);
    background-size: 700px 100%;
    animation: sa-shimmer 1.5s ease-in-out infinite;
    border-radius: 4px;
    display: block;
}

/* Shape variants */
.sa-sk-pill   { border-radius: 20px; }
.sa-sk-circle { border-radius: 50%; }