/* Module « fichiers » : compléments au système visuel commun (app.css). */

.fichiers-cache[hidden] { display: none !important; }

.fichiers-titre { overflow-wrap: anywhere; }

.fichiers-cellule-nom { display: flex; align-items: center; gap: 10px; min-width: 0; }
.fichiers-cellule-nom .fichier-icone { width: 34px; height: 34px; }
.fichiers-tableau .fichier-actions form { margin: 0; }
/* Noms longs (pièces jointes importées) : coupure aux mots, et une largeur
   minimale pour que la colonne ne s'écrive pas lettre par lettre. */
.fichiers-tableau .fichier-nom { overflow-wrap: break-word; word-break: normal; }
@media (min-width: 721px) {
  .fichiers-tableau td[data-label="Fichier"] { min-width: 15rem; }
  .fichiers-tableau td[data-label="Point"] { min-width: 9rem; }
  /* Titre du point : trois lignes au plus (le lien mène au point complet). */
  .fichiers-tableau td[data-label="Point"] .texte-coupe {
    display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  }
}

.fichiers-icone-ligne { display: inline-grid; width: 32px; height: 22px; vertical-align: middle; border-radius: var(--radius-sm); }

.fichiers-empreinte { font-size: 0.78rem; overflow-wrap: anywhere; word-break: break-all; }

.fichiers-zone { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.fichiers-zone.survol { background: var(--surface-3); }
.fichiers-champ-fichier { max-width: 100%; }
.fichiers-zone-aide { font-size: 0.85rem; color: var(--muted); }

.fichiers-progression { display: flex; align-items: center; gap: 10px; margin: 8px 0; }
.fichiers-progression progress { flex: 1; height: 10px; accent-color: var(--action); }

@media (max-width: 720px) {
  .fichiers-tableau .fichier-actions { justify-content: flex-start; }
}