/* Correction des largeurs pour FilePond et les sections */

/* Forcer la largeur du main */
main {
  width: 100% !important;
  max-width: 100% !important;
}

/* Forcer la largeur des sections principales */
main > section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ajuster le comportement avec les rails */
@media (min-width:1024px){
  body.with-rails main {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  body.with-rails main > section {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* FilePond - Forcer largeur complète même vide */
.filepond--root {
  min-width: 100% !important;
  width: 100% !important;
}

.filepond--wrapper {
  min-width: 100% !important;
  width: 100% !important;
}

.filepond--panel-root {
  min-width: 100% !important;
  width: 100% !important;
}

.filepond--list-scroller {
  min-width: 100% !important;
  width: 100% !important;
}

/* S'assurer que FilePond garde sa hauteur même vide */
.filepond--root:not(.filepond--hopper) {
  min-height: 200px !important;
}

.filepond--drop-label {
  min-height: 180px !important;
}

/* Forcer la largeur du conteneur des fichiers */
#rows {
  min-width: 100% !important;
  width: 100% !important;
}

/* S'assurer que les file-row prennent toute la largeur */
.file-row {
  width: 100% !important;
  box-sizing: border-box !important;
}