/* SUS360 Painel Cirurgias v0.8.0 — skeleton */

        /* ═══════ SKELETON LOADING SHIMMER ═══════ */
        @keyframes skeleton-shimmer {
            0% { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }
        .skeleton {
            background: linear-gradient(90deg,
                var(--bg-card) 25%,
                rgba(255,255,255,0.05) 37%,
                var(--bg-card) 63%
            );
            background-size: 200% 100%;
            animation: skeleton-shimmer 1.5s ease infinite;
            border-radius: 6px;
        }
        body:not(.dark) .skeleton {
            background: linear-gradient(90deg,
                #f0f0f0 25%,
                #e0e0e0 37%,
                #f0f0f0 63%
            );
            background-size: 200% 100%;
        }
        .skeleton-text { height: 14px; margin: 4px 0; }
        .skeleton-number { height: 32px; width: 120px; margin: 8px 0; }
        .skeleton-bar { height: 48px; margin: 8px 0; border-radius: 8px; }
        /* ═══════ SKELETON OVERLAY INSIDE REAL CARDS ═══════ */
        .hero-card { min-height: 380px; position: relative; overflow: hidden; }
        .hc-skel-overlay {
            position: absolute; inset: 0; z-index: 2;
            padding: 20px;
            background: var(--bg-card);
            border-radius: inherit;
            display: flex; flex-direction: column;
        }