/* ============================================================
   fileupload.css — Herramienta genérica de carga de archivos.
   Clases reutilizables en cualquier módulo que use MudFileUpload
   o un input nativo delegado vía OpenFilePickerAsync().
   ============================================================ */

/* El input nativo se oculta; el click se delega vía OpenFilePickerAsync()
   y el drop lo reciben los eventos @ondrop del MudFileUpload. */
.file-upload-input {
    display: none;
}

/* --- drop zone de archivos --- */
.file-dropzone-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 24px 16px;
    min-height: 120px;
    width: 100%;
    box-sizing: border-box;
    border: 2px dashed var(--mud-palette-primary);
    border-radius: 8px;
    background-color: var(--mud-palette-background-grey);
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
}

.file-dropzone-inner:hover,
.file-dropzone-dragging {
    background-color: var(--mud-palette-primary-hover);
    border-color: var(--mud-palette-primary-darken);
}