/* 🔧 FIX: Footer positioning avec CSS Grid - solution robuste */

/* Container principal en CSS Grid */
.app-page-container {
    display: grid !important;
    grid-template-rows: 1fr auto !important;
    min-height: calc(100vh - 60px) !important; /* 60px = hauteur du header */
    background-color: #18191d !important; /* Assure la couleur de fond sur toute la hauteur */
}

/* Le contenu principal prend l'espace disponible */
.app-content-wrapper {
    grid-row: 1 !important;
    background-color: #18191d !important; /* Couleur de fond du contenu */
}

/* Footer automatiquement placé en bas */
.app-footer {
    grid-row: 2 !important;
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background-color: #18191d !important; /* Même couleur que le reste de la page */
    padding: 15px 0 40px 0 !important; /* Augmentation de l'espace en bas */
    margin-top: 0 !important;
}

/* Ajustements pour la sidebar */
.nav-collapsed .app-footer {
    margin-left: 70px !important;
}

:not(.nav-collapsed) .app-footer {
    margin-left: 240px !important;
}

.sidebar-sm:not(.nav-collapsed) .app-footer {
    margin-left: 70px !important;
}

.sidebar-lg:not(.nav-collapsed) .app-footer {
    margin-left: 280px !important;
}

/* Retire le padding-bottom du contenu car plus nécessaire */
.app-content {
    padding-bottom: 0 !important;
}

/* Assure que le body conserve sa couleur de fond */
body {
    background-color: #18191d !important;
}

/* Margin-bottom sur les listes de talents */
md-table-container,
.md-table-container,
table[md-table] {
    /* margin-bottom: 30px !important; */
}