/**
 * =========================================================================
 * PLATEFORME ECO-PANNEAU.FR
 * Styles personnalisés et animations natives
 * =========================================================================
 */

/* Scrollbar personnalisée et discrète */
.custom-scrollbar::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
}
.custom-scrollbar::-webkit-scrollbar-track { 
    background: transparent; 
}
.custom-scrollbar::-webkit-scrollbar-thumb { 
    background-color: #cbd5e1; 
    border-radius: 20px; 
    border: 2px solid transparent;
    background-clip: padding-box;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover { 
    background-color: #94a3b8; 
}

/* Animations natives de chargement (avant l'activation de Tailwind/React) */
.native-spin { 
    animation: native-spin 1s linear infinite; 
}
@keyframes native-spin { 
    100% { transform: rotate(360deg); } 
}

.native-pulse { 
    animation: native-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; 
}
@keyframes native-pulse { 
    0%, 100% { opacity: 1; } 
    50% { opacity: .5; } 
}

/* Assurer que le conteneur principal prend bien tout l'écran */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

/* EOF ===== [styles.css] =============== */