/**
 * Styles personnalisés pour l'application Gestionnaire de Kits Demo
 */

/* Reset de base */
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 
                 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 
                 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Style pour les notifications toast (en haut à droite) */
.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    animation: slideInRight 0.3s ease-out;
}

/* Animation d'entrée pour les toasts */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Masquer la scrollbar tout en gardant le scroll fonctionnel */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;  /* IE et Edge */
    scrollbar-width: none;      /* Firefox */
}

/* Style pour les modales */
.modal-backdrop {
    backdrop-filter: blur(4px);
}

/* Animation de fondu pour les éléments */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Style pour les champs de formulaire en focus */
input:focus, 
select:focus, 
textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
}

/* Style pour les boutons désactivés */
button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}