/* 21-skeleton.css — lignes 1425-1461 de l'ancien style.css unique, contenu inchangé */

/* ===========================
   SKELETON LOADER
=========================== */
.skeleton{

    position:relative;
    color:transparent !important;
    background:linear-gradient(90deg,var(--border) 25%,#f3f4f6 37%,var(--border) 63%);
    background-size:400% 100%;
    animation:skeletonShine 1.4s ease infinite;
    border-radius:var(--radius-xs);
    display:inline-block;
    min-width:70px;

}

body.dark .skeleton{
    background:linear-gradient(90deg,#334155 25%,#475569 37%,#334155 63%);
    background-size:400% 100%;
}

@keyframes skeletonShine{
    0%{ background-position:100% 0; }
    100%{ background-position:0 0; }
}

@keyframes dashFadeUp{
    from{ opacity:0; transform:translateY(12px); }
    to{ opacity:1; transform:translateY(0); }
}

@media (prefers-reduced-motion: reduce){
    .skeleton, .dashboard-hero, .sidebar, #zoneNotifications .notification{
        animation:none;
        transition:none;
    }
}