/* UluM AI School v327 — espace Parent : détail enfant pleine largeur */

/* Le détail d'un enfant ne doit plus être comprimé dans 5 colonnes sur 12. */
.as-family-dashboard-grid > .as-family-detail-card{
  grid-column:1 / -1 !important;
  width:100%;
  max-width:none;
  min-width:0;
  overflow:visible;
}

#familyStudentDetail,
#familyStudentDetail > *,
#familyStudentDetail .as-family-detail-path,
#familyStudentDetail .as-family-detail-revision,
#familyStudentDetail .as-family-detail-ai,
#familyStudentDetail .as-family-detail-certificates{
  width:100%;
  max-width:100%;
  min-width:0;
}

#familyStudentDetail{
  overflow:visible;
}

/* Sur écran large, exploiter la largeur retrouvée au lieu d'empiler le parcours. */
@media (min-width:981px){
  #familyStudentDetail .as-family-detail-path .as-path-wrap.compact .as-path-steps{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    padding-right:0 !important;
  }

  #familyStudentDetail .as-family-detail-path .as-path-step{
    width:100%;
    min-width:0;
    min-height:0;
  }

  #familyStudentDetail .as-ai-phase2-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #familyStudentDetail .as-certificate-grid{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  }
}

/* Tablette : deux colonnes pour le parcours, puis mobile en une colonne. */
@media (min-width:701px) and (max-width:980px){
  #familyStudentDetail .as-family-detail-path .as-path-wrap.compact .as-path-steps{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
  }
}

@media (max-width:700px){
  .as-family-dashboard-grid > .as-family-detail-card{
    grid-column:1 / -1 !important;
    padding-left:14px;
    padding-right:14px;
  }
}