/* Forzar ancho máximo correcto en el modal */
.backoffice .modal-dialog {
    max-width: 90% !important;  /* como lo veías local */
}

/* Centrado del header del modal */
.backoffice .modal-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Ajustar título secundario */
.backoffice .modal-header h4 {
    margin-top: 0.5rem;
}

/* Centrar el botón de descarga */
.backoffice #downloadFileBtn {
    margin-top: 1rem;
}

/* media query para reducir tamaño y padding para resoluciones <= 1366 */
@media (max-width: 1366px) {
    .table th, 
    .table td {
        font-size: 0.75rem;   /* más chica la fuente */
        padding: 0.25rem;     /* menos espacio interno */
        white-space: normal;  /* que no salte de línea */
    }

    .table {
        font-size: 0.8rem;
    }
}