/* ULUMSCHOOL AI 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;
  }
}


/* ULUM_V40047_EXPIRED_LAYOUT — compte établissement expiré : un seul panneau visible. */
#staffArea.as-access-restricted .as-db-tab-panel.as-db-hidden{
  display:none !important;
}

#staffArea.as-access-restricted #tab-subscription:not(.as-db-hidden){
  display:block !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  overflow:visible !important;
}

#staffArea.as-access-restricted .as-expired-subscription-notice{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  z-index:auto !important;
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  margin:0 0 18px;
  box-sizing:border-box;
}

#staffArea.as-access-restricted #orgSubscriptionStatus,
#staffArea.as-access-restricted #orgSubscriptionPlans,
#staffArea.as-access-restricted #orgSubscriptionUsage{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  z-index:auto !important;
  width:100%;
  min-width:0;
  height:auto;
}

@media (max-width:700px){
  #staffArea.as-access-restricted .as-expired-subscription-notice{
    margin-bottom:14px;
  }
}


/* ULUM_V40048_EXPIRED_HARD_LAYOUT
   État expiré : aucune vue générale ne doit se superposer à l'abonnement. */
#staffArea.as-access-restricted #staffCollapseToolbar,
#staffArea.as-access-restricted #teacherKpis,
#staffArea.as-access-restricted #tab-overview,
#staffArea.as-access-restricted #tab-global-search,
#staffArea.as-access-restricted #tab-course-modules,
#staffArea.as-access-restricted #tab-settings,
#staffArea.as-access-restricted #tab-pedagogy,
#staffArea.as-access-restricted #tab-class-modules,
#staffArea.as-access-restricted #tab-smart-dashboard,
#staffArea.as-access-restricted #tab-teacher-assistant,
#staffArea.as-access-restricted #tab-ai-academy,
#staffArea.as-access-restricted #tab-students,
#staffArea.as-access-restricted #tab-families,
#staffArea.as-access-restricted #tab-classes,
#staffArea.as-access-restricted #tab-assignments,
#staffArea.as-access-restricted #tab-evaluations,
#staffArea.as-access-restricted #tab-messages,
#staffArea.as-access-restricted #tab-reports,
#staffArea.as-access-restricted #tab-ai-usage{
  display:none !important;
}

#staffArea.as-access-restricted #tab-subscription,
#staffArea.as-access-restricted #tab-backups:not(.as-db-hidden),
#staffArea.as-access-restricted #tab-notifications:not(.as-db-hidden){
  position:static !important;
  float:none !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  grid-column:1 / -1 !important;
}

#staffArea.as-access-restricted #tab-subscription > .as-db-card,
#staffArea.as-access-restricted #tab-subscription > section,
#staffArea.as-access-restricted #tab-subscription > div{
  position:relative !important;
  float:none !important;
  inset:auto !important;
  transform:none !important;
  clear:both !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}

#staffArea.as-access-restricted #orgSubscriptionStatus{
  display:block !important;
  margin:0 0 18px !important;
  padding:0 !important;
  line-height:1.45 !important;
}

#staffArea.as-access-restricted #orgSubscriptionStatus > *{
  position:relative !important;
  float:none !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 0 14px !important;
  box-sizing:border-box !important;
}

#staffArea.as-access-restricted #orgSubscriptionPlans{
  display:grid !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  clear:both !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  align-items:stretch !important;
}

#staffArea.as-access-restricted #orgSubscriptionPlans .as-plan-card{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  float:none !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}

#staffArea.as-access-restricted .as-discovery-banner,
#staffArea.as-access-restricted .as-expired-panel,
#staffArea.as-access-restricted .as-db-note{
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  float:none !important;
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
}