/* ==========================================================================
   FileUpload (FilePond): el caption nunca debe taparle el clic al archivo.
   Alcance: TODOS los campos de archivo del panel (sin scopes).

   El problema
   -----------
   FilePond coloca la lista de archivos debajo del caption usando el ALTO de
   la caja `.filepond--drop-label` (internamente: `list.translateY = alto de
   esa caja`). Esa caja tiene un alto fijo (`min-height:4.75em` de FilePond,
   76px con la tipografía de Filament) y el caption va centrado adentro, con
   overflow visible.

   Cuando el campo queda angosto —columna de una cuadrícula, menú lateral
   abierto y pantalla reducida, celular— el texto "Arrastra y suelta tus
   archivos o Examina" se parte en más renglones y crece más que su caja:
   a 3 renglones mide 84px contra los 76px de la caja. Ese sobrante se pinta
   ENCIMA de la fila del archivo ya cargado y sepulta los iconos de ver y
   descargar (16px cada uno), así que el clic aterriza en la zona de
   "Examina" y el navegador pide un archivo nuevo en vez de abrir el que ya
   estaba: exactamente el síntoma reportado en la factura de proveedor.

   Por qué se arregla así
   ----------------------
   Dejar que la caja crezca con el texto (`height:auto`) NO alcanza: FilePond
   mide ese alto una sola vez y no lo recalcula al redimensionar, así que al
   angostar la ventana con la página ya abierta el desfase queda viejo y el
   solape vuelve (medido: caja 84px, desfase 80px → 4px de solape).

   La única forma estable es que el caption tenga SIEMPRE la misma altura,
   pase lo que pase con el ancho: un solo renglón. Si no cabe, se recorta con
   puntos suspensivos —que es lo que ya hace Filament con el nombre del
   archivo— en vez de partirse. `overflow:hidden` en la caja remata: aunque
   algún caption traiga saltos de línea propios, no puede pintarse fuera de
   su caja ni robarle el clic al archivo.
   ========================================================================== */

.fi-fo-file-upload .filepond--drop-label {
    overflow: hidden;
}

.fi-fo-file-upload .filepond--drop-label label {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}